diff --git a/yudao-admin-vue3/src/views/mall/promotion/intelligent/index.vue b/yudao-admin-vue3/src/views/mall/promotion/intelligent/index.vue index 8e3ed48..4913db3 100644 --- a/yudao-admin-vue3/src/views/mall/promotion/intelligent/index.vue +++ b/yudao-admin-vue3/src/views/mall/promotion/intelligent/index.vue @@ -5,53 +5,59 @@ - + + 新建表单 - - - + + + {{o.title}} - 推广 - +border-color: #fdfdff;">{{ o.title }} + 推广 + + - 总浏览量 - {{o.pageView}} + {{ o.pageView }} - 采集数量 - {{o.collectionQuantity}} + border-color: #fdfdff;" @click="extendList(o.id)">采集数量 + {{ o.collectionQuantity }} - 创建人:{{o.createPeople}} + border-color: #fdfdff;">创建人:{{ o.createPeople }} - 创建时间:{{o.createTime}} + border-color: #fdfdff;">创建时间:{{ o.createTime }} @@ -59,24 +65,30 @@ border-color: #fdfdff;">{{o.title}} - + - 标题 + 标题 - - 字段 + + 字段 - 添加字段 + 添加字段 - + 确 定 取 消 @@ -84,27 +96,29 @@ border-color: #fdfdff;">{{o.title}} - - + + 复制 - + - + - - - - - - - {{scope.row[item]}} - - + + + + + + + + {{ scope.row[item] }} + + + @@ -119,7 +133,7 @@ border-color: #fdfdff;">{{o.title}} data() { return { id: '', - inputarr:[''], + inputarr: [''], // 遮罩层 loading: true, // 选中数组 @@ -153,9 +167,9 @@ border-color: #fdfdff;">{{o.title}} //卡片列表 cardList: [], addParams: { - title:'', - pageView:'', - collectionQuantity:'', + title: '', + pageView: '', + collectionQuantity: '', inputarr: [] } }; @@ -165,7 +179,7 @@ border-color: #fdfdff;">{{o.title}} }, methods: { //添加表单 - adinput(){ + adinput() { this.inputarr.push('') console.log(this.inputarr) }, @@ -182,7 +196,7 @@ border-color: #fdfdff;">{{o.title}} 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}} handleAdd() { this.inputarr = [] this.addParams = { - title:'', + title: '', inputarr: [] } this.open = true; @@ -206,7 +220,7 @@ border-color: #fdfdff;">{{o.title}} }, //推广按钮操作 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}} 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}} // 多选框选中数据 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}} 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; */ }
{{o.pageView}}
{{ o.pageView }}
{{o.collectionQuantity}}
{{ o.collectionQuantity }}