临时提交

This commit is contained in:
sc 2021-07-19 17:04:11 +08:00
parent dc5c2c9f59
commit 13f716be0b
2 changed files with 97 additions and 2 deletions

View File

@ -11,7 +11,7 @@
<el-container>
<el-header>
<div class="left-panel">
<el-button type="primary" icon="el-icon-plus"></el-button>
<el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
<el-button v-if="selection.length>0" type="danger" plain icon="el-icon-delete"></el-button>
<el-button v-if="selection.length>0">变更状态</el-button>
<el-button v-if="selection.length>0">推送至队列</el-button>
@ -65,7 +65,7 @@
<el-button type="text" size="small">更多<i class="el-icon-arrow-down el-icon--right"></i></el-button>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item>编辑</el-dropdown-item>
<el-dropdown-item @click="table_edit(scope.row, scope.$index)">编辑</el-dropdown-item>
<el-dropdown-item>推送至队列</el-dropdown-item>
<el-dropdown-item divided>删除</el-dropdown-item>
</el-dropdown-menu>
@ -165,10 +165,20 @@
selectionChange(selection){
this.selection = selection;
},
add(){
this.$router.push({
path: `/template/list/save`
});
},
table_show(row, index){
console.log(row, index);
this.info = true;
},
table_edit(row){
this.$router.push({
path: `/template/list/save/${row.id}`
});
},
filterHandler(value, row, column){
const property = column.property;
return row[property] === value;

View File

@ -0,0 +1,85 @@
<!--
* @Descripttion: 文件描述
* @version: 1.0
* @Author: 编写作者
* @Date: 创建时间
* @LastEditors: 最后更新作者
* @LastEditTime: 最后更新时间
-->
<template>
<div class="sc-page-header">
<div class="sc-page-header__title">
<h2>新开标签页面</h2>
<p>可用于非常复杂的表单提交如一些较为简单的表单提交应使用dialog或者drawer更合适</p>
</div>
</div>
<el-main>
<el-card shadow="never">
<el-form :model="form" :rules="rules" ref="form" label-width="100px">
<el-form-item label="名称" prop="name">
<el-input v-model="form.name" placeholder="请输入名称" clearable></el-input>
<div class="el-form-item-msg" data-v-b33b3cf8="">组件名字以sc开头并坚持以小驼峰命名规则</div>
</el-form-item>
<el-form-item label="缩略图" prop="img">
<sc-upload v-model="form.img" title="上传缩略图"></sc-upload>
</el-form-item>
<el-form-item label="类型" prop="type">
<el-radio-group v-model="form.type">
<el-radio-button label="1">数据</el-radio-button>
<el-radio-button label="2">表单</el-radio-button>
<el-radio-button label="3">样式</el-radio-button>
<el-radio-button label="4">其他</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="负责人" prop="name">
<el-input v-model="form.name" placeholder="请输入名称" clearable></el-input>
</el-form-item>
<el-form-item label="进度" prop="img">
<el-input v-model="form.name" placeholder="请输入名称" clearable></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" size="medium"> </el-button>
</el-form-item>
</el-form>
</el-card>
</el-main>
</template>
<script>
export default {
name: 'list-save',
data() {
return {
id: this.$route.params.id,
form: {
name: "",
type: "1"
},
rules: {
}
}
},
mounted() {
if(this.id){
this.$store.commit("updateViewTags", {
path: this.$route.path,
meta: {
title:"详情ID="+this.id
}
})
}
},
methods: {
}
}
</script>
<style>
.sc-page-header {background: #fff;border-bottom: 1px solid #e6e6e6;padding:25px 25px;}
.sc-page-header__title h2 {font-size: 17px;color: #3c4a54;font-weight: bold;}
.sc-page-header__title p {font-size: 13px;color: #999;margin-top: 15px;}
</style>