|
@@ -0,0 +1,100 @@
|
|
|
|
+<template>
|
|
|
|
+ <div>
|
|
|
|
+ <el-row style="border-bottom: 2px solid #eee;padding:8px;">
|
|
|
|
+ <el-col :span="10">工具</el-col>
|
|
|
|
+ <el-col :span="10"></el-col>
|
|
|
|
+ <el-col :span="4">
|
|
|
|
+ <el-button type="primary" @click="handleNew">新建</el-button>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ <el-row style="margin-top:10px;">
|
|
|
|
+ <el-table :data="configList">
|
|
|
|
+ <el-table-column
|
|
|
|
+ prop="id"
|
|
|
|
+ label="#"
|
|
|
|
+ width="48"
|
|
|
|
+ ></el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ prop="name"
|
|
|
|
+ label="名称"
|
|
|
|
+ width="108"
|
|
|
|
+ ></el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ prop="code"
|
|
|
|
+ label="编码"
|
|
|
|
+ width="108"
|
|
|
|
+ ></el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ label="配置"
|
|
|
|
+ width="180"
|
|
|
|
+ >
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-button @click="handleShow(scope.row)" size="small" type="text">查看</el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ prop="created"
|
|
|
|
+ label="创建时间"
|
|
|
|
+ width="180"
|
|
|
|
+ ></el-table-column>
|
|
|
|
+ </el-table>
|
|
|
|
+ </el-row>
|
|
|
|
+ <el-dialog title="修改/添加 配置" :visible.sync="dialogVisible" width="80%">
|
|
|
|
+ <el-form label-width="80px;" :model="formData">
|
|
|
|
+ <el-form-item label="名称:">
|
|
|
|
+ <el-input v-model="formData.name"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="编码:">
|
|
|
|
+ <el-input v-model="formData.code"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="配置:">
|
|
|
|
+
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
|
+ <el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
|
+ <el-button type="primary" @click="handleSubmit">确 定</el-button>
|
|
|
|
+ </span>
|
|
|
|
+ </el-dialog>
|
|
|
|
+ </div>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+ export default {
|
|
|
|
+ name: "ConfigManage",
|
|
|
|
+ data(){
|
|
|
|
+ return {
|
|
|
|
+ configList:null,
|
|
|
|
+ dialogVisible:false,
|
|
|
|
+ formData:{
|
|
|
|
+ name:'',
|
|
|
|
+ code:'',
|
|
|
|
+ config:{},
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ methods:{
|
|
|
|
+ handleShow(row){
|
|
|
|
+ console.log(row)
|
|
|
|
+ },
|
|
|
|
+ handleNew(){
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ handleSubmit(){
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ clearForm(){
|
|
|
|
+ this.formData.name=""
|
|
|
|
+ this.formData.code =""
|
|
|
|
+ this.formData.config={}
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style scoped>
|
|
|
|
+
|
|
|
|
+</style>
|