From f651ad5716aa86afafc16e8abe342ed7ddd9d986 Mon Sep 17 00:00:00 2001
From: zzw <228544128@qq.com>
Date: 星期二, 06 十月 2026 18:10:57 +0800
Subject: [PATCH] fix: show full date range separator in log filters
---
emergency-repair-web/src/views/system/ContractorManage.vue | 115 +++++++++++++++++++++++++++------------------------------
1 files changed, 55 insertions(+), 60 deletions(-)
diff --git a/emergency-repair-web/src/views/system/ContractorManage.vue b/emergency-repair-web/src/views/system/ContractorManage.vue
index 1fa140f..89d381e 100644
--- a/emergency-repair-web/src/views/system/ContractorManage.vue
+++ b/emergency-repair-web/src/views/system/ContractorManage.vue
@@ -3,52 +3,52 @@
<div class="page-title">
<div>
<h2>鎵夸慨鍗曚綅绠＄悊</h2>
- <p>鎺掑簭鐢ㄤ簬XCB鍔╃悊瀹℃牳鏃舵樉绀哄墠7涓父鐢ㄦ壙淇崟浣�</p>
+ <p>鏁版嵁鏉ユ簮锛氱粍缁囨満鏋勯儴闂ㄨ〃锛圖EPT_TYPE = cj锛�</p>
</div>
- <el-button type="primary" icon="el-icon-plus" @click="openCreate">鏂板鎵夸慨鍗曚綅</el-button>
- </div>
-
- <div class="toolbar">
- <el-input v-model="keyword" placeholder="鍚嶇О / 绠�绉� / 鑱旂郴浜�" clearable style="width:260px"></el-input>
- <el-button type="primary" icon="el-icon-search" @click="load">鏌ヨ</el-button>
<el-button icon="el-icon-refresh" @click="load">鍒锋柊</el-button>
</div>
+ <div class="toolbar">
+ <el-input
+ v-model="keyword"
+ placeholder="鍚嶇О / 閮ㄩ棬缂栫爜 / 璐熻矗浜�"
+ clearable
+ style="width:280px"
+ @keyup.enter.native="load"
+ ></el-input>
+ <el-button type="primary" icon="el-icon-search" @click="load">鏌ヨ</el-button>
+ <div class="spacer"></div>
+ <span class="summary">鍏� {{ filteredRows.length }} 涓壙淇崟浣�</span>
+ </div>
+
<div class="table-panel">
- <el-table :data="filteredRows" border stripe height="calc(100vh - 245px)">
+ <el-table
+ v-loading="loading"
+ :data="filteredRows"
+ border
+ stripe
+ height="calc(100vh - 245px)"
+ >
<el-table-column prop="sortNo" label="鎺掑簭" width="80" align="center"></el-table-column>
<el-table-column label="甯哥敤" width="80" align="center">
- <template slot-scope="{ $index }"><el-tag v-if="$index < 7" size="mini" type="success">鍓�7</el-tag><span v-else>-</span></template>
+ <template slot-scope="{ $index }">
+ <el-tag v-if="$index < 7" size="mini" type="success">鍓�7</el-tag>
+ <span v-else>-</span>
+ </template>
</el-table-column>
- <el-table-column prop="name" label="鍚嶇О" min-width="220"></el-table-column>
- <el-table-column prop="shortName" label="绠�绉�" width="150"></el-table-column>
- <el-table-column prop="nature" label="鍗曚綅鎬ц川" width="130"></el-table-column>
- <el-table-column prop="contact" label="鑱旂郴浜�" width="120"></el-table-column>
- <el-table-column prop="dishonest" label="鏄惁澶变俊鍗曚綅" width="130">
- <template slot-scope="{ row }"><el-tag size="mini" :type="row.dishonest === 1 ? 'danger' : 'success'">{{ row.dishonest === 1 ? '鏄�' : '鍚�' }}</el-tag></template>
- </el-table-column>
- <el-table-column prop="remark" label="澶囨敞" min-width="180" show-overflow-tooltip></el-table-column>
- <el-table-column label="鎿嶄綔" width="130" fixed="right">
+ <el-table-column prop="name" label="鍚嶇О" min-width="240" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="deptCode" label="閮ㄩ棬缂栫爜" width="160"></el-table-column>
+ <el-table-column prop="contact" label="璐熻矗浜�" width="120"></el-table-column>
+ <el-table-column prop="phone" label="鑱旂郴鐢佃瘽" width="160"></el-table-column>
+ <el-table-column label="鐘舵��" width="100" align="center">
<template slot-scope="{ row }">
- <el-button type="text" @click="openEdit(row)">缂栬緫</el-button>
- <el-button type="text" class="danger-link" @click="remove(row)">鍒犻櫎</el-button>
+ <el-tag size="mini" :type="row.status === '1' ? 'info' : 'success'">
+ {{ row.status === '1' ? '鍋滅敤' : '姝ｅ父' }}
+ </el-tag>
</template>
</el-table-column>
</el-table>
</div>
-
- <el-dialog :title="form.id ? '缂栬緫鎵夸慨鍗曚綅' : '鏂板鎵夸慨鍗曚綅'" :visible.sync="dialogVisible" width="620px" append-to-body>
- <el-form ref="form" :model="form" :rules="rules" label-width="110px">
- <el-form-item label="鍚嶇О" prop="name"><el-input v-model="form.name"></el-input></el-form-item>
- <el-form-item label="绠�绉�" prop="shortName"><el-input v-model="form.shortName"></el-input></el-form-item>
- <el-form-item label="鍗曚綅鎬ц川"><el-select v-model="form.nature" style="width:100%"><el-option v-for="item in natures" :key="item" :label="item" :value="item"></el-option></el-select></el-form-item>
- <el-form-item label="鎺掑簭"><el-input-number v-model="form.sortNo" :min="1" style="width:180px"></el-input-number></el-form-item>
- <el-form-item label="鑱旂郴浜�"><el-input v-model="form.contact"></el-input></el-form-item>
- <el-form-item label="鏄惁澶变俊鍗曚綅"><el-switch v-model="form.dishonest" :active-value="1" :inactive-value="0"></el-switch></el-form-item>
- <el-form-item label="澶囨敞"><el-input v-model="form.remark" type="textarea" :rows="3"></el-input></el-form-item>
- </el-form>
- <template slot="footer"><el-button @click="dialogVisible = false">鍙栨秷</el-button><el-button type="primary" :loading="saving" @click="save">淇濆瓨</el-button></template>
- </el-dialog>
</div>
</template>
<script>
@@ -57,42 +57,37 @@
name: 'ContractorManage',
data() {
return {
- rows: [], keyword: '', dialogVisible: false, saving: false,
- natures: ['鍘傚', '鏈嶅姟鍟�', '缁煎悎鍗曚綅', 'T闃�', '鍏朵粬'],
- form: {},
- rules: {
- name: [{ required: true, message: '璇疯緭鍏ュ悕绉�', trigger: 'blur' }],
- shortName: [{ required: true, message: '璇疯緭鍏ョ畝绉�', trigger: 'blur' }]
- }
+ loading: false,
+ rows: [],
+ keyword: ''
}
},
computed: {
filteredRows() {
- if (!this.keyword) return this.rows
- const text = this.keyword.toLowerCase()
- return this.rows.filter(item => [item.name, item.shortName, item.contact].some(value => String(value || '').toLowerCase().includes(text)))
+ const keyword = this.keyword.trim().toLowerCase()
+ if (!keyword) return this.rows
+ return this.rows.filter(item => [item.name, item.deptCode, item.contact]
+ .some(value => String(value || '').toLowerCase().includes(keyword)))
}
},
- created() { this.load() },
+ created() {
+ this.load()
+ },
methods: {
- load() { api.get('/system/contractors').then(res => { this.rows = res.data || [] }) },
- blank() { return { name: '', shortName: '', nature: '鍘傚', sortNo: this.rows.length + 1, contact: '', dishonest: 0, remark: '' } },
- openCreate() { this.form = this.blank(); this.dialogVisible = true },
- openEdit(row) { this.form = { ...row }; this.dialogVisible = true },
- save() {
- this.$refs.form.validate(valid => {
- if (!valid) return
- this.saving = true
- const request = this.form.id ? api.put('/system/contractors/' + this.form.id, this.form) : api.post('/system/contractors', this.form)
- request.then(() => { this.$message.success('淇濆瓨鎴愬姛'); this.dialogVisible = false; this.load() }).finally(() => { this.saving = false })
+ load() {
+ this.loading = true
+ api.get('/system/contractors').then(res => {
+ this.rows = res.data || []
+ }).finally(() => {
+ this.loading = false
})
- },
- remove(row) {
- this.$confirm(`纭畾鍒犻櫎鈥�${row.name}鈥濆悧锛焋, '鍒犻櫎纭', { type: 'warning' }).then(() => api.delete('/system/contractors/' + row.id)).then(() => {
- this.$message.success('鍒犻櫎鎴愬姛'); this.load()
- }).catch(() => {})
}
}
}
</script>
-<style scoped>.danger-link { color: #d9534f; }</style>
+<style scoped>
+.summary {
+ color: #6d7f91;
+ font-size: 13px;
+}
+</style>
--
Gitblit v1.9.1