root/allLikeMall
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

根据构建失败错误修改

Browse Source
This commit is contained in:
XinWei 2024-08-23 09:46:53 +08:00
parent e1f3053cc3
commit c1d73ec544
1 changed files with 73 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

127
yudao-admin-vue3/src/views/mall/promotion/intelligent/index.vue
View File

@ -5,53 +5,59 @@
<el-card class="box-card">
<div class="container">
<el-button type="primary" plain @click="handleAdd" style="border: none;">
<el-button type="primary" plain @click="handleAdd" style="border: none;">
+ 新建表单
</el-button>
</div>
</el-card>
<el-card class="box-card" v-for="o in cardList" :key="o" >
<div slot="header" class="clearfix">
<span style="font-size: 23px;
<el-card class="box-card" v-for="o in cardList" :key="o.id">
<template #header>
<div class="clearfix">
<span
style="font-size: 23px;
color: #000000;
background-color:#ffffff;
border-color: #fdfdff;">{{o.title}}</span>
<el-button style="float: right; padding: 3px 0" type="text" @click="handelExtend(o.id)">推广</el-button>
</div>
border-color: #fdfdff;">{{ o.title }}</span>
<el-button style="float: right; padding: 3px 0" type="text" @click="handelExtend(o.id)">推广</el-button>
</div>
</template>
<div style="display: flex;justify-content: space-between">
<!-- <div style="width: 30%">-->
<!-- <div>采购员</div>-->
<!-- <p style="font-size: 25px">1</p>-->
<!-- </div>-->
<div style="width: 30%">
<div style="font-size: 18px;
<div
style="font-size: 18px;
color: #999595;
background-color:#ffffff;
border-color: #fdfdff;">总浏览量</div>
<p style="font-size: 25px">{{o.pageView}}</p>
<p style="font-size: 25px">{{ o.pageView }}</p>
</div>
<div style="width: 30%">
<el-link style="font-size: 18px;
<el-link
style="font-size: 18px;
color: #999595;
background-color:#ffffff;
border-color: #fdfdff;"
@click="extendList(o.id)">采集数量</el-link>
<p style="font-size: 25px" @click="extendList(o.id)">{{o.collectionQuantity}}</p>
border-color: #fdfdff;" @click="extendList(o.id)">采集数量</el-link>
<p style="font-size: 25px" @click="extendList(o.id)">{{ o.collectionQuantity }}</p>
</div>
</div>
<div style="display: flex;justify-content: space-between">
<div>
<span style="font-size: 16px;
<span
style="font-size: 16px;
color: #999595;
background-color:#ffffff;
border-color: #fdfdff;">创建人：{{o.createPeople}}</span>
border-color: #fdfdff;">创建人：{{ o.createPeople }}</span>
</div>
<div style="font-size: 16px;
<div
style="font-size: 16px;
color: #999595;
background-color:#ffffff;
border-color: #fdfdff;">创建时间：{{o.createTime}}</div>
border-color: #fdfdff;">创建时间：{{ o.createTime }}</div>
</div>
</el-card>
@ -59,24 +65,30 @@ border-color: #fdfdff;">{{o.title}}</span>
<!-- </el-col>-->
<!-- 添加表单对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-dialog :title="title" v-model:visible="open" width="500px" append-to-body>
<div style="text-align: center">
<!-- <el-form-item label="表单标题">-->
<div><span>标题</span> <el-input style="border-bottom: 1px solid skyblue;margin-bottom: 10px" v-model="addParams.title" placeholder="请输入表单标题" />
<div><span>标题</span> <el-input
style="border-bottom: 1px solid skyblue;margin-bottom: 10px"
v-model="addParams.title" placeholder="请输入表单标题" />
</div>
<!-- </el-form-item>-->
<!-- <el-form-item label="字段名称">-->
<div v-for="(item,index) in inputarr" key="index" style="margin-bottom: 10px;">
<span>字段</span> <el-input style="border: 1px solid #DCDFE6;border-radius: 3px; " v-model="inputarr[index]" placeholder="请输入字段"></el-input>
<div v-for="(item, index) in inputarr" :key="index" style="margin-bottom: 10px;">
<span>字段</span> <el-input
style="border: 1px solid #DCDFE6;border-radius: 3px; " v-model="inputarr[index]"
placeholder="请输入字段" />
</div>
<div>
<el-button @click="adinput" style="text-align: center;width: 90%;background-color: rgb(232,244,255);color:#1890ff">添加字段</el-button>
<el-button
@click="adinput"
style="text-align: center;width: 90%;background-color: rgb(232,244,255);color:#1890ff">添加字段</el-button>
</div>
<!-- </el-form-item>-->
</div>
<br>
<br />
<div class="el-input-foot">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
@ -84,27 +96,29 @@ border-color: #fdfdff;">{{o.title}}</span>
</el-dialog>
<!-- 推广链接对话框-->
<el-dialog :title="extendTitle" :visible.sync="extendOpen" width="500px" append-to-body>
<el-input v-model="extendLink" placeholder="请输入内容" :disabled="true"></el-input>
<el-dialog :title="extendTitle" v-model:visible="extendOpen" width="500px" append-to-body>
<el-input v-model="extendLink" placeholder="请输入内容" :disabled="true" />
<el-button @click="copyAddress">复制</el-button>
</el-dialog>
<!-- 采集数据列表 -->
<el-dialog :title="collectTitle" :visible.sync="collectOpen" append-to-body>
<el-dialog :title="collectTitle" v-model:visible="collectOpen" append-to-body>
<el-table border v-loading="loading" :data="collectLink" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<div >
<div>
</div>
<!-- <el-table-column label="编号" align="center" prop="id" />-->
<!-- <el-table-column label="id" align="center" prop="dynamicDataId" />-->
<!-- <el-table-column v-for="item in collectLink" :label="item.map" align="center" :prop="item" />-->
<template v-for="item in Object.keys(collectLink[0])">
<el-table-column :label="item">
<template #default="scope">
<span>{{scope.row[item]}}</span>
</template>
</el-table-column>
<!-- <el-table-column label="编号" align="center" prop="id" />-->
<!-- <el-table-column label="id" align="center" prop="dynamicDataId" />-->
<!-- <el-table-column v-for="item in collectLink" :label="item.map" align="center" :prop="item" />-->
<template>
<el-table>
<el-table-column v-for="(item, index) in Object.keys(collectLink[0])" :key="index" :label="item">
<template #default="scope">
<span>{{ scope.row[item] }}</span>
</template>
</el-table-column>
</el-table>
</template>
</el-table>
</el-dialog>
@ -119,7 +133,7 @@ border-color: #fdfdff;">{{o.title}}</span>
data() {
return {
id: '',
inputarr:[''],
inputarr: [''],
// 遮罩层
loading: true,
// 选中数组
@ -153,9 +167,9 @@ border-color: #fdfdff;">{{o.title}}</span>
//卡片列表
cardList: [],
addParams: {
title:'',
pageView:'',
collectionQuantity:'',
title: '',
pageView: '',
collectionQuantity: '',
inputarr: []
}
};
@ -165,7 +179,7 @@ border-color: #fdfdff;">{{o.title}}</span>
},
methods: {
//添加表单
adinput(){
adinput() {
this.inputarr.push('')
console.log(this.inputarr)
},
@ -182,7 +196,7 @@ border-color: #fdfdff;">{{o.title}}</span>
this.open = false;
},
//提交按钮
submitForm(){
submitForm() {
this.addParams.inputarr = this.inputarr
this.addParams.pageView = '0'
this.addParams.collectionQuantity = '0'
@ -198,7 +212,7 @@ border-color: #fdfdff;">{{o.title}}</span>
handleAdd() {
this.inputarr = []
this.addParams = {
title:'',
title: '',
inputarr: []
}
this.open = true;
@ -206,7 +220,7 @@ border-color: #fdfdff;">{{o.title}}</span>
},
//推广按钮操作
handelExtend(id) {
this.extendLink = 'http://101.43.112.107/form/extendLink/form?id='+id
this.extendLink = 'http://101.43.112.107/form/extendLink/form?id=' + id
this.extendOpen = true;
this.extendTitle = "推广链接";
},
@ -219,9 +233,9 @@ border-color: #fdfdff;">{{o.title}}</span>
document.execCommand('copy');
document.body.removeChild(input);
alert('已复制到剪贴板');
},
},
//采集数据展示
extendList(id){
extendList(id) {
this.collectLink = null;
this.id = id
this.collectOpen = true;
@ -233,7 +247,7 @@ border-color: #fdfdff;">{{o.title}}</span>
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.single = selection.length !== 1
this.multiple = !selection.length
},
},
@ -246,34 +260,39 @@ border-color: #fdfdff;">{{o.title}}</span>
display: table;
content: "";
}
.clearfix:after {
clear: both
}
.box-card {
width:32%;
width: 32%;
margin-bottom: 10px;
margin-right:10px;
margin-right: 10px;
}
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100px; /* 可根据需要调整高度 */
color: #ccc; /* 灰白色 */
height: 100px;
/* 可根据需要调整高度 */
color: #ccc;
/* 灰白色 */
}
.el-input-foot{
.el-input-foot {
padding: 20px;
padding-top: 10px;
text-align: center;
box-sizing: border-box;
}
::v-deep.el-input--medium{
::v-deep.el-input--medium {
width: 80%;
}
::v-deep.el-input--medium .el-input__inner{
::v-deep.el-input--medium .el-input__inner {
border: none;
/* border-bottom:1px solid blue; */
}