|
@@ -1,23 +1,37 @@
|
|
|
<template>
|
|
|
- <el-table :data="table" style="width: 100%" :header-cell-style="{background:'#F6F6F6',color:'#646A73'}">
|
|
|
- <el-table-column prop="ProdCname" label="产品类型" align="center"/>
|
|
|
- <el-table-column prop="brandName" label="品牌" align="center"/>
|
|
|
- <el-table-column prop="Model" label="型号" align="center"/>
|
|
|
- <el-table-column label="管理" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button
|
|
|
- type="text"
|
|
|
- @click="handleEdit(scope.$index,scope.row)"
|
|
|
- >修改
|
|
|
- </el-button>
|
|
|
- <el-button
|
|
|
- type="text"
|
|
|
- @click="handleDelete(scope.$index,scope.row)"
|
|
|
- >删除
|
|
|
- </el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
+ <div>
|
|
|
+ <el-table :data="table" style="width: 100%" :header-cell-style="{background:'#F6F6F6',color:'#646A73'}">
|
|
|
+ <el-table-column prop="ProdCname" label="产品类型" align="center"/>
|
|
|
+ <el-table-column prop="brandName" label="品牌" align="center"/>
|
|
|
+ <el-table-column prop="Model" label="型号" align="center"/>
|
|
|
+ <el-table-column label="管理" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ @click="handleEdit(scope.$index,scope.row)"
|
|
|
+ >修改
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ @click="handleDelete(scope.$index,scope.row)"
|
|
|
+ >删除
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ </el-table>
|
|
|
+ <el-dialog
|
|
|
+ title="提示"
|
|
|
+ :visible.sync="dialogVisible"
|
|
|
+ width="30%"
|
|
|
+ >
|
|
|
+ <p>确定要删除吗?</p>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisible=false">取消</el-button>
|
|
|
+ <el-button @click="confirmDelete" type="primary">确认</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -26,30 +40,26 @@
|
|
|
props:['table'],
|
|
|
data() {
|
|
|
return {
|
|
|
- tableData: [{
|
|
|
- date: '2016-05-02',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄'
|
|
|
- }, {
|
|
|
- date: '2016-05-04',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1517 弄'
|
|
|
- }, {
|
|
|
- date: '2016-05-01',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1519 弄'
|
|
|
- }, {
|
|
|
- date: '2016-05-03',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1516 弄'
|
|
|
- }]
|
|
|
+ dialogVisible: false,
|
|
|
+ deleteDate: {}
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
handleEdit(index, row) {
|
|
|
-
|
|
|
+ let {brandName, ...params} = row
|
|
|
+ this.$router.push({
|
|
|
+ path: '/supplement',
|
|
|
+ query: params
|
|
|
+ })
|
|
|
},
|
|
|
handleDelete(index, row) {
|
|
|
+ this.deleteDate = row
|
|
|
+ this.dialogVisible = true
|
|
|
+
|
|
|
+ },
|
|
|
+ confirmDelete() {
|
|
|
+ this.$emit('deleteProdType', this.deleteDate)
|
|
|
+ this.dialogVisible = false
|
|
|
|
|
|
}
|
|
|
}
|