From d91893dbd49538d312e299c1cc507a7792abd7d7 Mon Sep 17 00:00:00 2001
From: yangys <y_ys79@sina.com>
Date: 星期日, 14 一月 2024 14:20:25 +0800
Subject: [PATCH] 设备类型假如修改删除
---
src/container/deviceType/index.vue | 160 ++++++++++++++++++++++++++--------------------------
1 files changed, 80 insertions(+), 80 deletions(-)
diff --git a/src/container/deviceType/index.vue b/src/container/deviceType/index.vue
index aa9bc41..a4cf576 100644
--- a/src/container/deviceType/index.vue
+++ b/src/container/deviceType/index.vue
@@ -6,55 +6,16 @@
-->
<template>
<div class="maintenance">
- <div class="nav">宸ヤ欢淇℃伅</div>
+ <div class="nav">璁惧绫诲瀷绠＄悊</div>
<List ref="list" :url="url">
<template slot="search">
<div class="item">
- <span>闆朵欢鍙�</span>
- <el-select class="item-value" v-model="queryInfo.component" placeholder="璇烽�夋嫨">
- <el-option
- v-for="item in componentList"
- :key="item"
- :label="item"
- :value="item">
- </el-option>
- </el-select>
+ <span>鍚嶇О</span>
+ <el-input class="item-value" v-model="queryInfo.name"></el-input>
+
</div>
- <div class="item">
- <span>宸ュ簭鍙�</span>
- <!-- <el-input class="item-value" v-model="query.no"></el-input> -->
- <el-select class="item-value" v-model="queryInfo.precess" placeholder="璇烽�夋嫨">
- <el-option
- v-for="item in precessList"
- :key="item"
- :label="item"
- :value="item">
- </el-option>
- </el-select>
- </div>
- <div class="item">
- <span>寮�濮嬫椂闂�</span>
- <!-- <el-input class="item-value" v-model="query.no"></el-input> -->
- <el-date-picker
- class="item-value"
- v-model="queryInfo.timeBegin"
- align="right"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="閫夋嫨鏃ユ湡">
- </el-date-picker>
- </div>
- <div class="item">
- <span>缁撴潫鏃堕棿</span>
- <el-date-picker
- class="item-value"
- v-model="queryInfo.timeEnd"
- align="right"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="閫夋嫨鏃ユ湡">
- </el-date-picker>
- </div>
+
+
<div class="item">
<el-button type="primary" size="small" @click="query">鏌ヨ</el-button>
</div>
@@ -62,53 +23,57 @@
<el-button type="primary" size="small" @click="reset">閲嶇疆</el-button>
</div>
</template>
+
+ <template slot="table-tool">
+ <el-button type="primary" size="mini" @click="add">娣诲姞璁惧绫诲瀷</el-button>
+ </template>
+
<template slot="columns">
- <el-table-column
- prop="date"
- label="鏈哄簥鍚�"
+ <el-table-column
+ prop="id"
+ label="ID"
width="180">
</el-table-column>
<el-table-column
- prop="component"
- label="闆朵欢鍙�"
+ prop="name"
+ label="鍚嶇О"
width="180">
</el-table-column>
- <el-table-column
- prop="address"
- label="宸ュ簭鍙�">
- </el-table-column>
- <el-table-column
- prop="address"
- label="鍔犲伐鏃堕棿">
+ <el-table-column align="center" label="鎿嶄綔" prop="editor">
+ <template slot-scope="scope">
+ <el-button size="mini" type="text" @click="editDeviceType(scope.row)">缂栬緫</el-button>
+ <el-button size="mini" type="text" @click="deleteHandle(scope.row)">鍒犻櫎</el-button>
+ </template>
</el-table-column>
</template>
+
</List>
+ <manage-add-update v-if="addOrUpdateVisible" :addVisible="addOrUpdateVisible" @close="close" @confirm="confirm"
+ :row="row"></manage-add-update>
</div>
</template>
<script>
import List from '../list/index.vue'
- import { getUrl } from '@/api/Api'
+ import ManageAddUpdate from './Manage-add-update'
+ import { getUrl,deviceTypeDelete } from '@/api/Api'
export default {
components: {
- List
+ List,
+ ManageAddUpdate
},
data () {
return {
url: '',
queryInfo: {
- timeBegin: '',
- timeEnd: '',
- precess: '',
- component: ''
+ name: ''
},
- precessList: [],
- componentList: []
+ row: {},
+ addOrUpdateVisible: false
}
},
created () {
- this.url = getUrl('componentQuery')
- this.init()
- // this.getProtocolList()
+ this.url = getUrl('deviceTypeQuery')
+ //this.init()
},
methods: {
reset () {
@@ -119,18 +84,53 @@
query () {
this.$refs.list.pageQuery(this.queryInfo)
},
- changeTime (name,value) {
- console.log(name,value)
- this.queryInfo[name] = value
- },
- init () {
- this.$http.get('/component/processlist').then(res => {
- this.precessList = res.data
- })
- this.$http.post('/component/complist').then(res => {
- this.componentList = res.data
- })
- }
+ add() {
+ this.row = {id:''}
+ this.addOrUpdateVisible = true
+
+ },
+ editDeviceType(row){
+ this.row = row;
+ this.addOrUpdateVisible = true;
+ },
+ close() {
+ this.addOrUpdateVisible = false
+ },
+ confirm() {
+ this.query()
+ this.close()
+ },
+ addOrUpdateHandle(row) {
+ this.row = row
+ this.addOrUpdateVisible = true
+ },
+ deleteHandle(row) {
+ let ids = []
+
+ ids.push(row.id)
+
+ ids = ids.join(',')
+ this.$confirm('纭畾瑕佹案涔呭垹闄ゆ椤�?', '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }).then(() => {
+ deviceTypeDelete(ids).then(res => {
+ // if(res.result == ""){}
+ this.$message({
+ type: 'success',
+ message: '鍒犻櫎鎴愬姛锛�'
+ })
+ this.submitForm()
+ })
+ }).catch(() => {
+ this.$message({
+ type: 'info',
+ message: '宸插彇娑堝垹闄�'
+ })
+ })
+ }
+
},
}
</script>
--
Gitblit v1.9.3