From c55d9376565a78ce31a5b8d78dad89df16c2628e Mon Sep 17 00:00:00 2001
From: gaosp <gaosp>
Date: 星期四, 18 一月 2024 23:34:54 +0800
Subject: [PATCH] 删除完 更新
---
src/container/ledger/index.vue | 84 ++++++++++++++++++++++++++++++++---------
1 files changed, 65 insertions(+), 19 deletions(-)
diff --git a/src/container/ledger/index.vue b/src/container/ledger/index.vue
index e222a74..720cfde 100644
--- a/src/container/ledger/index.vue
+++ b/src/container/ledger/index.vue
@@ -1,51 +1,51 @@
<!--
* @Date: 2024-01-06 17:40:19
* @LastEditors: Sneed
- * @LastEditTime: 2024-01-13 11:09:50
+ * @LastEditTime: 2024-01-18 23:33:58
* @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/ledger/index.vue
-->
<template>
<div class="maintenance">
- <div class="nav">璁惧淇濆吇/鏃ュ父淇濆吇</div>
+ <div class="nav">鍙拌处</div>
<List ref="list" url="/account/pageQuery">
<template slot="search">
<div class="item">
<span>缁熶竴缂栧彿</span>
- <el-input class="item-value" v-model="queryInfo.uuid"></el-input>
+ <el-input class="item-value" v-model="queryInfo.uuid" clearable></el-input>
</div>
<div class="item">
<span>璁惧瑙勬牸</span>
- <el-input class="item-value" v-model="queryInfo.specification"></el-input>
+ <el-input class="item-value" v-model="queryInfo.specification" clearable></el-input>
</div>
<div class="item">
<span>璁惧鍨嬪彿</span>
- <el-input class="item-value" v-model="queryInfo.type"></el-input>
+ <el-input class="item-value" v-model="queryInfo.type" clearable></el-input>
</div>
<div class="item">
<span>鍔犲伐绫诲瀷</span>
- <el-select class="item-value" v-model="queryInfo.category" placeholder="">
+ <el-select class="item-value" v-model="queryInfo.category" placeholder="" clearable>
<el-option v-for="item in deviceType" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="item">
<span>璐﹀姟灞炴��</span>
- <el-select class="item-value" v-model="queryInfo.accountingAttribute" placeholder="">
- <el-option v-for="item in accountingAttribute" :key="item.value" :label="item.label"
+ <el-select class="item-value" v-model="queryInfo.accountingAttribute" placeholder="" clearable>
+ <el-option v-for="item in financePro" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="item">
<span>浣跨敤閮ㄩ棬</span>
- <el-select class="item-value" v-model="queryInfo.department">
+ <el-select class="item-value" v-model="queryInfo.department" clearable>
<el-option v-for="item in departmentlist" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="item">
<span>璁惧绠＄悊鍒嗙被</span>
- <el-select class="item-value" v-model="queryInfo.manageType">
+ <el-select class="item-value" v-model="queryInfo.manageType" clearable>
<el-option value="A">A</el-option>
<el-option value="B">B</el-option>
<el-option value="C">C</el-option>
@@ -53,18 +53,27 @@
</div>
<div class="item">
<span>鎶曚骇鏃ユ湡</span>
- <el-date-picker class="item-value" format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="queryInfo.productionDate" type="date" clearable placeholder="閫夋嫨鏃ユ湡"></el-date-picker>
+ <el-date-picker class="item-value" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
+ v-model="queryInfo.productionDate" type="date" clearable placeholder="閫夋嫨鏃ユ湡" clearable></el-date-picker>
</div>
<div class="item">
<span>鐢熶骇鍘傚</span>
- <el-input class="item-value" v-model="queryInfo.manufacturer"></el-input>
+ <el-input class="item-value" v-model="queryInfo.manufacturer" clearable></el-input>
</div>
<div class="item">
- <div class="query btn" @click="query">鏌ヨ</div>
+ <span>璁惧绫诲瀷</span>
+ <el-select class="item-value" v-model="queryInfo.deviceTypeId" placeholder="" clearable>
+ <el-option v-for="item in deviceTypeIds" :key="item.id" :label="item.name"
+ :value="item.id">
+ </el-option>
+ </el-select>
</div>
- <div class="item">
- <div class="reset btn" @click="reset">閲嶇疆</div>
+ <div class="item" style="flex: 1 1 auto;justify-content: flex-end;">
+ <el-button type="primary" size="small" @click="query">鏌ヨ</el-button>
+ <el-button type="primary" size="small" @click="reset">閲嶇疆</el-button>
+ <!-- <div class="reset btn" @click="reset">閲嶇疆</div> -->
</div>
+
</template>
<template slot="table-tool">
@@ -91,7 +100,7 @@
align="center"
prop="classes">
</el-table-column> -->
- <el-table-column label="浣跨敤閮ㄩ棬" align="center" prop="department">
+ <el-table-column label="浣跨敤閮ㄩ棬" align="center" prop="departmentName">
</el-table-column>
<el-table-column label="璁惧绫诲瀷" align="center" prop="category">
</el-table-column>
@@ -126,18 +135,19 @@
<el-table-column fixed="right" align="center" label="鎿嶄綔">
<template slot-scope="scope">
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row)">缂栬緫</el-button>
+ <el-button type="text" size="small" @click="del(scope.row)">鍒犻櫎</el-button>
</template>
</el-table-column>
</template>
</List>
<manage-add-update v-if="addOrUpdateVisible" :addVisible="addOrUpdateVisible" @close="close" @confirm="confirm"
:deviceType="deviceType" :departmentlist="departmentlist" :isselectlist="isselectlist"
- :deviceStatus="deviceStatus" :financePro="financePro" :row="row"></manage-add-update>
+ :deviceStatus="deviceStatus" :financePro="financePro" :deviceTypeIds="deviceTypeIds" :row="row"></manage-add-update>
</div>
</template>
<script>
import ManageAddUpdate from './Manage-add-update'
-import { getUseDpts } from '@/api/Api'
+import { getUseDpts, getRequest } from '@/api/Api'
import List from '../list/index.vue'
export default {
components: {
@@ -175,6 +185,7 @@
{ value: 'IDLE', label: '绌洪棽' },
{ value: 'ALARM', label: '鎶ヨ' }
],
+ deviceTypeIds: [],
// 璐﹀姟灞炴��
financePro: [
{ value: '甯愬唴', label: '甯愬唴' },
@@ -191,6 +202,7 @@
manageType: '',
productionDate: '',
manufacturer: '',
+ deviceTypeId: ''
},
options: [{}],
row: {},
@@ -212,11 +224,15 @@
}
})
})
+
+ getRequest('deviceTypeList').then(res => {
+ this.deviceTypeIds = res.data || []
+ })
},
query() {
this.$refs.list.pageQuery(this.queryInfo)
},
- reset () {
+ reset() {
Object.keys(this.queryInfo).forEach(key => {
this.queryInfo[key] = ''
})
@@ -235,6 +251,27 @@
addOrUpdateHandle(row) {
this.row = row
this.addOrUpdateVisible = true
+ },
+ del(row) {
+ this.$confirm('纭畾瑕佹案涔呭垹闄ゆ椤�?', '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }).then(() => {
+ getRequest('accountDel', { ids: [row.id] }).then(res => {
+ this.query()
+ this.$message({
+ type: 'success',
+ message: '鍒犻櫎鎴愬姛锛�'
+ })
+ this.submitForm()
+ },() => {
+ this.$message({
+ type: 'info',
+ message: '宸插彇娑堝垹闄�'
+ })
+ })
+ })
}
},
}
@@ -247,6 +284,14 @@
border-radius: 2px;
border: 1px solid #435F9E;
}
+ }
+
+ .el-button--mini {
+ background: transparent;
+ }
+
+ .el-button--primary {
+ background-color: transparent;
}
}
</style>
@@ -261,6 +306,7 @@
.nav {
padding: 10px 30px;
+ font-size: 14px;
}
.item {
--
Gitblit v1.9.3