临时提交
This commit is contained in:
parent
dc5c2c9f59
commit
13f716be0b
|
@ -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;
|
||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue