根据构建失败错误修改

This commit is contained in:
XinWei 2024-08-23 09:46:53 +08:00
parent e1f3053cc3
commit c1d73ec544

View File

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