From ef6afd38ccd0b4b66a920e21eb45426e6af3ec48 Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期二, 16 十二月 2025 17:07:25 +0800
Subject: [PATCH] 代码调整3
---
src/views/contractor/list/index.vue | 572 +++++++++++++++
.env.development | 2
/dev/null | 260 -------
src/views/contractor/assets/index.vue | 637 +++++++++++++++++
src/main.js | 2
.env.production | 2
vite.config.js | 4
src/views/contractor/compliance/index.vue | 664 ++++++++++++++++++
8 files changed, 1,878 insertions(+), 265 deletions(-)
diff --git a/.env.development b/.env.development
index 284742d..47c7925 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
# 椤甸潰鏍囬
-VITE_APP_TITLE = 宸ヨ壓鎶ヨ浼樺寲绠＄悊绯荤粺
+VITE_APP_TITLE = 鎵垮寘鍟嗙鐞嗙郴缁�
# 寮�鍙戠幆澧冮厤缃�
VITE_APP_ENV = 'development'
diff --git a/.env.production b/.env.production
index 62f61ed..119d6b5 100644
--- a/.env.production
+++ b/.env.production
@@ -1,5 +1,5 @@
# 椤甸潰鏍囬
-VITE_APP_TITLE = 宸ヨ壓鎶ヨ浼樺寲绠＄悊绯荤粺
+VITE_APP_TITLE = 鎵垮寘鍟嗙鐞嗙郴缁�
# 鐢熶骇鐜閰嶇疆
VITE_APP_ENV = 'production'
diff --git a/src/main.js b/src/main.js
index 4195e8c..99e7fa4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -76,7 +76,7 @@
app.config.globalProperties.addDateRange = addDateRange;
app.config.globalProperties.selectDictLabel = selectDictLabel;
app.config.globalProperties.selectDictLabels = selectDictLabels;
-app.config.globalProperties.javaApi = "http://10.136.12.71:8016";
+app.config.globalProperties.javaApi = "http://10.136.12.71:8018";
app.config.globalProperties.HaveJson = (val) => {
return JSON.parse(JSON.stringify(val));
};
diff --git a/src/views/alarmManagement/alarmAnalysis/alarmTrend.vue b/src/views/alarmManagement/alarmAnalysis/alarmTrend.vue
deleted file mode 100644
index 4c2d7ac..0000000
--- a/src/views/alarmManagement/alarmAnalysis/alarmTrend.vue
+++ /dev/null
@@ -1,176 +0,0 @@
-<template>
- <div class="alarm-trend-analysis">
- <el-card shadow="never" class="search-card">
- <el-form :inline="true" :model="searchForm" class="demo-form-inline">
- <el-form-item label="鏃堕棿鑼冨洿">
- <el-date-picker
- v-model="searchForm.dateRange"
- type="daterange"
- range-separator="鑷�"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡"
- format="yyyy-MM-dd"
- value-format="yyyy-MM-dd"
- />
- </el-form-item>
- <el-form-item label="鎶ヨ绾у埆">
- <el-select v-model="searchForm.alarmLevel" placeholder="璇烽�夋嫨鎶ヨ绾у埆" clearable>
- <el-option label="涓ラ噸" value="涓ラ噸" />
- <el-option label="涓瓑" value="涓瓑" />
- <el-option label="杞诲井" value="杞诲井" />
- </el-select>
- </el-form-item>
- <el-form-item label="璁惧绫诲瀷">
- <el-select v-model="searchForm.equipmentType" placeholder="璇烽�夋嫨璁惧绫诲瀷" clearable>
- <el-option label="宸ヨ壓璁惧" value="宸ヨ壓璁惧" />
- <el-option label="妫�娴嬭澶�" value="妫�娴嬭澶�" />
- <el-option label="鍏朵粬璁惧" value="鍏朵粬璁惧" />
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" icon="el-icon-search" @click="handleSearch">鏌ヨ</el-button>
- </el-form-item>
- </el-form>
- </el-card>
-
- <el-row :gutter="20">
- <el-col :span="24">
- <el-card shadow="never" class="chart-card">
- <template #header>
- <span>鎶ヨ瓒嬪娍鍒嗘瀽</span>
- </template>
- <div ref="chartContainer" class="chart-container"></div>
- </el-card>
- </el-col>
- </el-row>
-
- <el-row :gutter="20" style="margin-top: 20px;">
- <el-col :span="12">
- <el-card shadow="never" class="chart-card">
- <template #header>
- <span>鎶ヨ绾у埆鍒嗗竷</span>
- </template>
- <div ref="levelChartContainer" class="chart-container"></div>
- </el-card>
- </el-col>
- <el-col :span="12">
- <el-card shadow="never" class="chart-card">
- <template #header>
- <span>鎶ヨ璁惧绫诲瀷鍒嗗竷</span>
- </template>
- <div ref="equipmentChartContainer" class="chart-container"></div>
- </el-card>
- </el-col>
- </el-row>
- </div>
-</template>
-
-<script>
-export default {
- name: 'AlarmTrendAnalysis',
- data() {
- return {
- searchForm: {
- dateRange: [],
- alarmLevel: '',
- equipmentType: ''
- },
- trendData: {
- categories: ['12-01', '12-02', '12-03', '12-04', '12-05', '12-06', '12-07'],
- severe: [8, 12, 9, 15, 11, 13, 10],
- moderate: [22, 25, 20, 28, 24, 26, 23],
- minor: [35, 38, 32, 40, 36, 39, 34]
- },
- levelData: [
- { name: '涓ラ噸', value: 78 },
- { name: '涓瓑', value: 178 },
- { name: '杞诲井', value: 272 }
- ],
- equipmentData: [
- { name: '宸ヨ壓璁惧', value: 280 },
- { name: '妫�娴嬭澶�', value: 120 },
- { name: '鍏朵粬璁惧', value: 128 }
- ]
- }
- },
- mounted() {
- this.initCharts()
- },
- methods: {
- handleSearch() {
- console.log('鏌ヨ鏁版嵁', this.searchForm)
- this.initCharts()
- },
- initCharts() {
- this.renderTrendChart()
- this.renderLevelChart()
- this.renderEquipmentChart()
- },
- renderTrendChart() {
- console.log('娓叉煋鎶ヨ瓒嬪娍鍥捐〃', this.trendData)
- },
- renderLevelChart() {
- console.log('娓叉煋鎶ヨ绾у埆鍒嗗竷鍥捐〃', this.levelData)
- },
- renderEquipmentChart() {
- console.log('娓叉煋鎶ヨ璁惧绫诲瀷鍒嗗竷鍥捐〃', this.equipmentData)
- }
- }
-}
-</script>
-
-<style scoped>
-.alarm-trend-analysis {
- padding: 16px;
- background-color: #f0f2f5;
- min-height: 100vh;
-}
-
-.search-card {
- margin-bottom: 16px;
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.chart-card {
- margin-bottom: 16px;
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.chart-container {
- height: 400px;
- background-color: #ffffff;
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- color: #909399;
- font-size: 16px;
- border: 1px solid #e4e7ed;
-}
-
-/* 鎸夐挳鏍峰紡浼樺寲 */
-:deep(.el-button) {
- border-radius: 6px;
- padding: 8px 16px;
- text-align: center;
- white-space: nowrap;
-}
-
-/* 琛ㄥ崟鎺т欢鏍峰紡浼樺寲 */
-:deep(.el-input__inner),
-:deep(.el-select__input) {
- border-radius: 6px;
-}
-
-:deep(.el-date-editor) {
- border-radius: 6px;
-}
-
-/* 鍗＄墖澶撮儴鏍峰紡 */
-:deep(.el-card__header) {
- background-color: #fafafa;
- border-bottom: 1px solid #e4e7ed;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/alarmManagement/alarmConfig/alarmRule.vue b/src/views/alarmManagement/alarmConfig/alarmRule.vue
deleted file mode 100644
index ef90a36..0000000
--- a/src/views/alarmManagement/alarmConfig/alarmRule.vue
+++ /dev/null
@@ -1,173 +0,0 @@
-<template>
- <div class="alarm-rule-config">
- <el-card shadow="never" class="search-card">
- <el-form :inline="true" :model="searchForm" class="demo-form-inline">
- <el-form-item label="瑙勫垯鍚嶇О">
- <el-input v-model="searchForm.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" />
- </el-form-item>
- <el-form-item label="璁惧绫诲瀷">
- <el-select v-model="searchForm.equipmentType" placeholder="璇烽�夋嫨璁惧绫诲瀷">
- <el-option label="宸ヨ壓璁惧" value="宸ヨ壓璁惧" />
- <el-option label="妫�娴嬭澶�" value="妫�娴嬭澶�" />
- <el-option label="鍏朵粬璁惧" value="鍏朵粬璁惧" />
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" icon="el-icon-search" @click="handleSearch">鎼滅储</el-button>
- <el-button icon="el-icon-refresh" @click="handleReset">閲嶇疆</el-button>
- </el-form-item>
- </el-form>
- </el-card>
-
- <el-card shadow="never" class="table-card">
- <template #header>
- <div class="card-header">
- <span>鎶ヨ瑙勫垯閰嶇疆</span>
- <el-button type="primary" icon="el-icon-plus" @click="handleAdd">鏂板瑙勫垯</el-button>
- </div>
- </template>
- <el-table :data="ruleList" style="width: 100%" :header-cell-style="{textAlign: 'center'}" :cell-style="{textAlign: 'center'}">
- <el-table-column type="index" label="搴忓彿" width="80" />
- <el-table-column prop="ruleName" label="瑙勫垯鍚嶇О" />
- <el-table-column prop="equipmentType" label="璁惧绫诲瀷" />
- <el-table-column prop="parameter" label="鐩戞帶鍙傛暟" />
- <el-table-column prop="alarmLevel" label="鎶ヨ绾у埆" />
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" width="180" show-overflow-tooltip/>
- <el-table-column prop="status" label="鐘舵��" width="150">
- <template #default="scope">
- <el-switch v-model="scope.row.status" active-text="鍚敤" inactive-text="绂佺敤" />
- </template>
- </el-table-column>
- <el-table-column label="鎿嶄綔" width="150" fixed="right">
- <template #default="scope">
- <el-button size="small" type="text" @click="handleEdit(scope.row)">缂栬緫</el-button>
- <el-button size="small" type="text" @click="handleDelete(scope.row)">鍒犻櫎</el-button>
- </template>
- </el-table-column>
- </el-table>
- <div class="pagination">
- <el-pagination
- layout="total, sizes, prev, pager, next, jumper"
- :total="ruleList.length"
- :page-size="10"
- :page-sizes="[10, 20, 30, 50]"
- />
- </div>
- </el-card>
- </div>
-</template>
-
-<script>
-export default {
- name: 'AlarmRule',
- data() {
- return {
- searchForm: {
- ruleName: '',
- equipmentType: ''
- },
- ruleList: [
- {
- id: 1,
- ruleName: '娓╁害杩囬珮鎶ヨ',
- equipmentType: '宸ヨ壓璁惧',
- parameter: '娓╁害',
- alarmLevel: '涓ラ噸',
- createTime: '2025-12-01 10:30:00',
- status: true
- },
- {
- id: 2,
- ruleName: '鍘嬪姏寮傚父鎶ヨ',
- equipmentType: '宸ヨ壓璁惧',
- parameter: '鍘嬪姏',
- alarmLevel: '涓瓑',
- createTime: '2025-12-02 14:20:00',
- status: true
- },
- {
- id: 3,
- ruleName: '娴侀噺杩囦綆鎶ヨ',
- equipmentType: '妫�娴嬭澶�',
- parameter: '娴侀噺',
- alarmLevel: '杞诲井',
- createTime: '2025-12-03 09:15:00',
- status: false
- },
- {
- id: 4,
- ruleName: '鐢靛帇涓嶇ǔ瀹氭姤璀�',
- equipmentType: '鍏朵粬璁惧',
- parameter: '鐢靛帇',
- alarmLevel: '涓瓑',
- createTime: '2025-12-04 16:45:00',
- status: true
- },
- {
- id: 5,
- ruleName: '娑蹭綅寮傚父鎶ヨ',
- equipmentType: '宸ヨ壓璁惧',
- parameter: '娑蹭綅',
- alarmLevel: '涓ラ噸',
- createTime: '2025-12-05 11:20:00',
- status: true
- }
- ]
- }
- },
- methods: {
- handleSearch() {
- console.log('鎼滅储', this.searchForm)
- },
- handleReset() {
- this.searchForm = {
- ruleName: '',
- equipmentType: ''
- }
- },
- handleAdd() {
- console.log('鏂板瑙勫垯')
- },
- handleEdit(row) {
- console.log('缂栬緫瑙勫垯', row)
- },
- handleDelete(row) {
- console.log('鍒犻櫎瑙勫垯', row)
- }
- }
-}
-</script>
-
-<style scoped>
-.alarm-rule-config {
- padding: 16px;
- background-color: #f0f2f5;
- min-height: 100vh;
-}
-
-.search-card {
- margin-bottom: 16px;
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.table-card {
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.card-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-}
-
-.pagination {
- margin-top: 16px;
- display: flex;
- justify-content: flex-end;
- padding-right: 20px;
-}
-
-</style>
diff --git a/src/views/alarmManagement/alarmKnowledge/alarmHandle.vue b/src/views/alarmManagement/alarmKnowledge/alarmHandle.vue
deleted file mode 100644
index fa0a8f8..0000000
--- a/src/views/alarmManagement/alarmKnowledge/alarmHandle.vue
+++ /dev/null
@@ -1,180 +0,0 @@
-<template>
- <div class="alarm-handle-knowledge">
- <el-card shadow="never" class="search-card">
- <el-form :inline="true" :model="searchForm" class="demo-form-inline">
- <el-form-item label="鐭ヨ瘑搴撴爣棰�">
- <el-input v-model="searchForm.title" placeholder="璇疯緭鍏ョ煡璇嗗簱鏍囬" />
- </el-form-item>
- <el-form-item label="鎶ヨ绫诲瀷">
- <el-select v-model="searchForm.alarmType" placeholder="璇烽�夋嫨鎶ヨ绫诲瀷" clearable>
- <el-option label="娓╁害鎶ヨ" value="娓╁害鎶ヨ" />
- <el-option label="鍘嬪姏鎶ヨ" value="鍘嬪姏鎶ヨ" />
- <el-option label="鎸姩鎶ヨ" value="鎸姩鎶ヨ" />
- <el-option label="娑蹭綅鎶ヨ" value="娑蹭綅鎶ヨ" />
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" icon="el-icon-search" @click="handleSearch">鎼滅储</el-button>
- <el-button icon="el-icon-plus" @click="handleAdd">鏂板</el-button>
- </el-form-item>
- </el-form>
- </el-card>
-
- <el-card shadow="never" class="table-card" >
- <el-table :data="knowledgeList" style="width: 100%" :header-cell-style="{textAlign: 'center'}" :cell-style="{textAlign: 'center'}">
- <el-table-column type="index" label="搴忓彿" width="80" />
- <el-table-column prop="title" label="鐭ヨ瘑搴撴爣棰�" min-width="200" />
- <el-table-column prop="alarmType" label="鎶ヨ绫诲瀷" width="120" />
- <el-table-column prop="alarmLevel" label="鎶ヨ绾у埆" width="100">
- <template #default="scope">
- <el-tag :type="getAlarmLevelType(scope.row.alarmLevel)">
- {{ scope.row.alarmLevel }}
- </el-tag>
- </template>
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" width="180" />
- <el-table-column prop="creator" label="鍒涘缓浜�" width="100" />
- <el-table-column prop="status" label="鐘舵��" width="100">
- <template #default="scope">
- <el-tag :type="scope.row.status === '鍚敤' ? 'success' : 'info'">
- {{ scope.row.status }}
- </el-tag>
- </template>
- </el-table-column>
- <el-table-column label="鎿嶄綔" width="250" fixed="right">
- <template #default="scope">
- <el-button size="small" type="text" icon="el-icon-view" @click="handleView(scope.row)">鏌ョ湅</el-button>
- <el-button size="small" type="text" icon="el-icon-edit" @click="handleEdit(scope.row)">缂栬緫</el-button>
- <el-button size="small" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">鍒犻櫎</el-button>
- </template>
- </el-table-column>
- </el-table>
- <div class="pagination">
- <el-pagination
- layout="total, sizes, prev, pager, next, jumper"
- :total="knowledgeList.length"
- :page-size="10"
- :page-sizes="[10, 20, 30, 50]"
- />
- </div>
- </el-card>
- </div>
-</template>
-
-<script>
-export default {
- name: 'AlarmHandleKnowledge',
- data() {
- return {
- searchForm: {
- title: '',
- alarmType: ''
- },
- knowledgeList: [
- {
- id: 1,
- title: '鍙嶅簲閲滄俯搴﹁繃楂樻姤璀﹀鐞嗘祦绋�',
- alarmType: '娓╁害鎶ヨ',
- alarmLevel: '涓ラ噸',
- createTime: '2025-12-01 14:30:00',
- creator: '绠＄悊鍛�',
- status: '鍚敤'
- },
- {
- id: 2,
- title: '绂诲績娉垫尟鍔ㄥ紓甯告姤璀﹀鐞嗘寚鍗�',
- alarmType: '鎸姩鎶ヨ',
- alarmLevel: '涓瓑',
- createTime: '2025-12-02 09:15:00',
- creator: '璁惧宸ョ▼甯�',
- status: '鍚敤'
- },
- {
- id: 3,
- title: '鍌ㄧ綈娑蹭綅杩囦綆鎶ヨ澶勭悊鏂规硶',
- alarmType: '娑蹭綅鎶ヨ',
- alarmLevel: '杞诲井',
- createTime: '2025-12-03 16:45:00',
- creator: '宸ヨ壓宸ョ▼甯�',
- status: '鍚敤'
- },
- {
- id: 4,
- title: '鍘嬬缉鏈哄帇鍔涜繃楂樻姤璀﹀簲鎬ラ妗�',
- alarmType: '鍘嬪姏鎶ヨ',
- alarmLevel: '涓ラ噸',
- createTime: '2025-12-04 11:20:00',
- creator: '瀹夊叏涓荤',
- status: '鍚敤'
- },
- {
- id: 5,
- title: '骞茬嚗鏈烘箍搴﹀紓甯告姤璀﹀鐞嗘祦绋�',
- alarmType: '婀垮害鎶ヨ',
- alarmLevel: '涓瓑',
- createTime: '2025-12-05 15:10:00',
- creator: '宸ヨ壓宸ョ▼甯�',
- status: '绂佺敤'
- }
- ]
- }
- },
- methods: {
- getAlarmLevelType(level) {
- switch (level) {
- case '涓ラ噸':
- return 'danger'
- case '涓瓑':
- return 'warning'
- case '杞诲井':
- return 'info'
- default:
- return 'info'
- }
- },
- handleSearch() {
- console.log('鎼滅储鐭ヨ瘑搴�', this.searchForm)
- },
- handleAdd() {
- console.log('鏂板鐭ヨ瘑搴�')
- },
- handleView(row) {
- console.log('鏌ョ湅鐭ヨ瘑搴撹鎯�', row)
- },
- handleEdit(row) {
- console.log('缂栬緫鐭ヨ瘑搴�', row)
- },
- handleDelete(row) {
- console.log('鍒犻櫎鐭ヨ瘑搴�', row)
- }
- }
-}
-</script>
-
-<style scoped>
-.alarm-handle-knowledge {
- padding: 16px;
- background-color: #f0f2f5;
- min-height: 100vh;
-}
-
-.search-card {
- margin-bottom: 16px;
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.table-card {
- margin-top: 16px;
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.pagination {
- margin-top: 16px;
- display: flex;
- justify-content: flex-end;
- padding-right: 20px;
-}
-
-</style>
diff --git a/src/views/alarmManagement/alarmMonitor/realTimeAlarm.vue b/src/views/alarmManagement/alarmMonitor/realTimeAlarm.vue
deleted file mode 100644
index dc87547..0000000
--- a/src/views/alarmManagement/alarmMonitor/realTimeAlarm.vue
+++ /dev/null
@@ -1,271 +0,0 @@
-<template>
- <div class="real-time-alarm">
- <el-card shadow="never" class="alarm-stats-card">
- <el-row :gutter="20">
- <el-col :span="6">
- <div class="stat-item">
- <div class="stat-number severe">12</div>
- <div class="stat-label">涓ラ噸鎶ヨ</div>
- </div>
- </el-col>
- <el-col :span="6">
- <div class="stat-item">
- <div class="stat-number moderate">28</div>
- <div class="stat-label">涓瓑鎶ヨ</div>
- </div>
- </el-col>
- <el-col :span="6">
- <div class="stat-item">
- <div class="stat-number minor">45</div>
- <div class="stat-label">杞诲井鎶ヨ</div>
- </div>
- </el-col>
- <el-col :span="6">
- <div class="stat-item">
- <div class="stat-number total">85</div>
- <div class="stat-label">浠婃棩鎬绘姤璀�</div>
- </div>
- </el-col>
- </el-row>
- </el-card>
-
- <el-card shadow="never" class="table-card">
- <template #header>
- <div class="card-header">
- <span>瀹炴椂鎶ヨ鐩戞帶</span>
- <el-button type="primary" icon="el-icon-refresh" @click="handleRefresh">鍒锋柊</el-button>
- </div>
- </template>
- <el-table :data="alarmList" style="width: 100%" height="500" :header-cell-style="{textAlign: 'center'}" :cell-style="{textAlign: 'center'}">
- <el-table-column type="index" label="搴忓彿" width="80" />
- <el-table-column prop="alarmTime" label="鎶ヨ鏃堕棿" width="180" />
- <el-table-column prop="equipmentName" label="璁惧鍚嶇О" />
- <el-table-column prop="parameter" label="鎶ヨ鍙傛暟" />
- <el-table-column prop="alarmValue" label="鎶ヨ鍊�" />
- <el-table-column prop="threshold" label="闃堝��" />
- <el-table-column prop="alarmLevel" label="鎶ヨ绾у埆" width="100">
- <template #default="scope">
- <el-tag :type="getAlarmLevelType(scope.row.alarmLevel)">
- {{ scope.row.alarmLevel }}
- </el-tag>
- </template>
- </el-table-column>
- <el-table-column prop="status" label="澶勭悊鐘舵��" width="120">
- <template #default="scope">
- <el-tag :type="scope.row.status === '宸插鐞�' ? 'success' : 'warning'">
- {{ scope.row.status }}
- </el-tag>
- </template>
- </el-table-column>
- <el-table-column label="鎿嶄綔" width="200" fixed="right">
- <template #default="scope">
- <el-button size="small" type="text" icon="el-icon-view" @click="handleView(scope.row)">鏌ョ湅</el-button>
- <el-button size="small" type="text" icon="el-icon-check" @click="handleProcess(scope.row)">澶勭悊</el-button>
- </template>
- </el-table-column>
- </el-table>
- </el-card>
- </div>
-</template>
-
-<script>
-export default {
- name: 'RealTimeAlarm',
- data() {
- return {
- alarmList: [
- {
- id: 1,
- alarmTime: '2025-12-16 11:50:23',
- equipmentName: '鍙嶅簲閲淎',
- parameter: '娓╁害',
- alarmValue: '185掳C',
- threshold: '鈮�180掳C',
- alarmLevel: '涓ラ噸',
- status: '鏈鐞�'
- },
- {
- id: 2,
- alarmTime: '2025-12-16 11:48:15',
- equipmentName: '绂诲績鏈築',
- parameter: '鎸姩',
- alarmValue: '0.8mm/s',
- threshold: '鈮�0.5mm/s',
- alarmLevel: '涓瓑',
- status: '鏈鐞�'
- },
- {
- id: 3,
- alarmTime: '2025-12-16 11:45:30',
- equipmentName: '杈撻�佹车C',
- parameter: '鍘嬪姏',
- alarmValue: '4.2MPa',
- threshold: '鈮�4.0MPa',
- alarmLevel: '杞诲井',
- status: '宸插鐞�'
- },
- {
- id: 4,
- alarmTime: '2025-12-16 11:42:18',
- equipmentName: '鍙嶅簲閲淒',
- parameter: 'pH鍊�',
- alarmValue: '4.2',
- threshold: '5.0-7.0',
- alarmLevel: '涓瓑',
- status: '鏈鐞�'
- },
- {
- id: 5,
- alarmTime: '2025-12-16 11:38:55',
- equipmentName: '骞茬嚗鏈篍',
- parameter: '婀垮害',
- alarmValue: '15%',
- threshold: '鈮�10%',
- alarmLevel: '杞诲井',
- status: '宸插鐞�'
- }
- ]
- }
- },
- methods: {
- getAlarmLevelType(level) {
- switch (level) {
- case '涓ラ噸':
- return 'danger'
- case '涓瓑':
- return 'warning'
- case '杞诲井':
- return 'info'
- default:
- return 'info'
- }
- },
- handleRefresh() {
- console.log('鍒锋柊鎶ヨ鏁版嵁')
- },
- handleView(row) {
- console.log('鏌ョ湅鎶ヨ璇︽儏', row)
- },
- handleProcess(row) {
- console.log('澶勭悊鎶ヨ', row)
- }
- }
-}
-</script>
-
-<style scoped>
-.real-time-alarm {
- padding: 16px;
- background-color: #f0f2f5;
- min-height: 100vh;
-}
-
-.alarm-stats-card {
- margin-bottom: 16px;
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.table-card {
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.stat-item {
- text-align: center;
- padding: 24px 16px;
- background-color: #ffffff;
- border-radius: 12px;
- box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
- transition: all 0.3s ease;
-}
-
-.stat-item:hover {
- transform: translateY(-2px);
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
-
-.stat-number {
- font-size: 36px;
- font-weight: bold;
- margin-bottom: 12px;
- letter-spacing: 1px;
-}
-
-.stat-number.severe {
- color: #f56c6c;
- text-shadow: 0 2px 4px rgba(245, 108, 108, 0.1);
-}
-
-.stat-number.moderate {
- color: #e6a23c;
- text-shadow: 0 2px 4px rgba(230, 162, 60, 0.1);
-}
-
-.stat-number.minor {
- color: #67c23a;
- text-shadow: 0 2px 4px rgba(103, 194, 58, 0.1);
-}
-
-.stat-number.total {
- color: #409eff;
- text-shadow: 0 2px 4px rgba(64, 158, 255, 0.1);
-}
-
-.stat-label {
- font-size: 14px;
- color: #606266;
- font-weight: 500;
-}
-
-.card-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-}
-
-/* 琛ㄦ牸鏍峰紡浼樺寲 */
-:deep(.el-table) {
- border-radius: 8px;
- overflow: hidden;
-}
-
-:deep(.el-table__header-wrapper) {
- background-color: #f5f7fa;
-}
-
-:deep(.el-table__header th) {
- font-weight: 600;
- background-color: #f5f7fa;
-}
-
-:deep(.el-table__body tr:hover) {
- background-color: #f5f7fa;
-}
-
-/* 鎸夐挳鏍峰紡浼樺寲 */
-:deep(.el-button) {
- border-radius: 6px;
- padding: 8px 16px;
- text-align: center;
- white-space: nowrap;
-}
-
-/* 鎿嶄綔鏍忎笉鎹㈣ */
-:deep(.el-table__column--fixed-right) {
- white-space: nowrap;
-}
-
-:deep(.el-table__fixed-right) {
- height: 100% !important;
-}
-
-/* 鏍囩鏍峰紡浼樺寲 */
-:deep(.el-tag) {
- border-radius: 12px;
- padding: 4px 12px;
- font-size: 12px;
- font-weight: 500;
-}
-</style>
diff --git a/src/views/alarmManagement/alarmReport/alarmStats.vue b/src/views/alarmManagement/alarmReport/alarmStats.vue
deleted file mode 100644
index 490846c..0000000
--- a/src/views/alarmManagement/alarmReport/alarmStats.vue
+++ /dev/null
@@ -1,260 +0,0 @@
-<template>
- <div class="alarm-stats-report">
- <el-card shadow="never" class="search-card">
- <el-form :inline="true" :model="searchForm" class="demo-form-inline">
- <el-form-item label="鎶ヨ〃绫诲瀷">
- <el-select v-model="searchForm.reportType" placeholder="璇烽�夋嫨鎶ヨ〃绫诲瀷">
- <el-option label="鏃ユ姤" value="鏃ユ姤" />
- <el-option label="鍛ㄦ姤" value="鍛ㄦ姤" />
- <el-option label="鏈堟姤" value="鏈堟姤" />
- <el-option label="瀛ｆ姤" value="瀛ｆ姤" />
- <el-option label="骞存姤" value="骞存姤" />
- </el-select>
- </el-form-item>
- <el-form-item label="缁熻鏃堕棿">
- <el-date-picker
- v-model="searchForm.statsDate"
- type="date"
- placeholder="閫夋嫨缁熻鏃ユ湡"
- format="yyyy-MM-dd"
- value-format="yyyy-MM-dd"
- />
- </el-form-item>
- <el-form-item>
- <el-button type="primary" icon="el-icon-search" @click="handleSearch">鐢熸垚鎶ヨ〃</el-button>
- <el-button type="success" icon="el-icon-download" @click="handleExport">瀵煎嚭鎶ヨ〃</el-button>
- </el-form-item>
- </el-form>
- </el-card>
-
- <el-card shadow="never" class="report-card">
- <template #header>
- <span>鎶ヨ缁熻鎶ヨ〃 - 2025骞�12鏈�</span>
- </template>
-
- <div class="report-summary">
- <el-row :gutter="20">
- <el-col :span="8">
- <div class="summary-item">
- <div class="summary-label">鎬绘姤璀︽暟</div>
- <div class="summary-value">425</div>
- </div>
- </el-col>
- <el-col :span="8">
- <div class="summary-item">
- <div class="summary-label">宸插鐞嗘姤璀�</div>
- <div class="summary-value handled">398</div>
- </div>
- </el-col>
- <el-col :span="8">
- <div class="summary-item">
- <div class="summary-label">鏈鐞嗘姤璀�</div>
- <div class="summary-value pending">27</div>
- </div>
- </el-col>
- </el-row>
- </div>
-
- <div class="report-content">
- <h3>1. 鎶ヨ绾у埆缁熻</h3>
- <el-table :data="levelStats" style="width: 100%; margin-bottom: 20px;">
- <el-table-column prop="level" label="鎶ヨ绾у埆" />
- <el-table-column prop="count" label="鏁伴噺" />
- <el-table-column prop="percentage" label="鍗犳瘮" />
- <el-table-column prop="handled" label="宸插鐞�" />
- <el-table-column prop="pending" label="鏈鐞�" />
- </el-table>
-
- <h3>2. 璁惧绫诲瀷鎶ヨ缁熻</h3>
- <el-table :data="equipmentStats" style="width: 100%; margin-bottom: 20px;">
- <el-table-column prop="type" label="璁惧绫诲瀷" />
- <el-table-column prop="count" label="鎶ヨ鏁伴噺" />
- <el-table-column prop="percentage" label="鍗犳瘮" />
- </el-table>
-
- <h3>3. 鎶ヨ澶勭悊鏃舵晥缁熻</h3>
- <el-table :data="handlingTimeStats" style="width: 100%; margin-bottom: 20px;">
- <el-table-column prop="range" label="澶勭悊鏃堕暱鑼冨洿" />
- <el-table-column prop="count" label="鎶ヨ鏁伴噺" />
- <el-table-column prop="percentage" label="鍗犳瘮" />
- </el-table>
-
- <h3>4. 鏈堝害鎶ヨ瓒嬪娍</h3>
- <div ref="trendChart" class="trend-chart-container"></div>
- </div>
- </el-card>
- </div>
-</template>
-
-<script>
-export default {
- name: 'AlarmStatsReport',
- data() {
- return {
- searchForm: {
- reportType: '鏈堟姤',
- statsDate: '2025-12-01'
- },
- levelStats: [
- { level: '涓ラ噸', count: 78, percentage: '18.35%', handled: 75, pending: 3 },
- { level: '涓瓑', count: 178, percentage: '41.88%', handled: 170, pending: 8 },
- { level: '杞诲井', count: 169, percentage: '39.76%', handled: 153, pending: 16 }
- ],
- equipmentStats: [
- { type: '宸ヨ壓璁惧', count: 280, percentage: '65.88%' },
- { type: '妫�娴嬭澶�', count: 85, percentage: '20.00%' },
- { type: '鍏朵粬璁惧', count: 60, percentage: '14.12%' }
- ],
- handlingTimeStats: [
- { range: '0-30鍒嗛挓', count: 280, percentage: '65.88%' },
- { range: '30-60鍒嗛挓', count: 75, percentage: '17.65%' },
- { range: '1-2灏忔椂', count: 45, percentage: '10.59%' },
- { range: '2灏忔椂浠ヤ笂', count: 25, percentage: '5.88%' }
- ]
- }
- },
- mounted() {
- this.initTrendChart()
- },
- methods: {
- handleSearch() {
- console.log('鐢熸垚鎶ヨ〃', this.searchForm)
- },
- handleExport() {
- console.log('瀵煎嚭鎶ヨ〃')
- },
- initTrendChart() {
- console.log('鍒濆鍖栬秼鍔垮浘琛�')
- }
- }
-}
-</script>
-
-<style scoped>
-.alarm-stats-report {
- padding: 16px;
- background-color: #f0f2f5;
- min-height: 100vh;
-}
-
-.search-card {
- margin-bottom: 16px;
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.report-card {
- margin-top: 16px;
- border-radius: 8px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- overflow: hidden;
-}
-
-.report-summary {
- margin: 20px;
- padding: 20px;
- background-color: #fafafa;
- border-radius: 8px;
- border: 1px solid #e4e7ed;
-}
-
-.summary-item {
- background-color: #ffffff;
- padding: 24px 16px;
- border-radius: 12px;
- text-align: center;
- box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
- transition: all 0.3s ease;
-}
-
-.summary-item:hover {
- transform: translateY(-2px);
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
-
-.summary-label {
- font-size: 14px;
- color: #606266;
- margin-bottom: 12px;
- font-weight: 500;
-}
-
-.summary-value {
- font-size: 32px;
- font-weight: bold;
- color: #409eff;
- letter-spacing: 1px;
-}
-
-.summary-value.handled {
- color: #67c23a;
-}
-
-.summary-value.pending {
- color: #e6a23c;
-}
-
-.report-content {
- margin: 20px;
-}
-
-.report-content h3 {
- margin-bottom: 16px;
- color: #303133;
- font-size: 18px;
- font-weight: 600;
- padding-bottom: 8px;
- border-bottom: 2px solid #409eff;
- display: inline-block;
-}
-
-.trend-chart-container {
- height: 350px;
- background-color: #ffffff;
- border-radius: 8px;
- margin-top: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- color: #909399;
- border: 1px solid #e4e7ed;
-}
-
-/* 琛ㄦ牸鏍峰紡浼樺寲 */
-:deep(.el-table) {
- border-radius: 8px;
- overflow: hidden;
- margin-bottom: 20px;
-}
-
-:deep(.el-table__header-wrapper) {
- background-color: #f5f7fa;
-}
-
-:deep(.el-table__header th) {
- font-weight: 600;
- background-color: #f5f7fa;
-}
-
-:deep(.el-table__body tr:hover) {
- background-color: #f5f7fa;
-}
-
-/* 鎸夐挳鏍峰紡浼樺寲 */
-:deep(.el-button) {
- border-radius: 6px;
- padding: 8px 16px;
- text-align: center;
- white-space: nowrap;
-}
-
-/* 琛ㄥ崟鎺т欢鏍峰紡浼樺寲 */
-:deep(.el-input__inner),
-:deep(.el-select__input) {
- border-radius: 6px;
-}
-
-:deep(.el-date-editor) {
- border-radius: 6px;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/contractor/assets/index.vue b/src/views/contractor/assets/index.vue
new file mode 100644
index 0000000..73645f2
--- /dev/null
+++ b/src/views/contractor/assets/index.vue
@@ -0,0 +1,637 @@
+<template>
+ <div class="app-container">
+ <el-form
+ :model="queryParams"
+ ref="queryRef"
+ :inline="true"
+ v-show="showSearch"
+ label-width="90px"
+ >
+ <el-form-item label="璧勪骇鍚嶇О" prop="assetName">
+ <el-input
+ v-model="queryParams.assetName"
+ placeholder="璇疯緭鍏ヨ祫浜у悕绉�"
+ clearable
+ style="width: 220px"
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="璧勪骇缂栧彿" prop="assetCode">
+ <el-input
+ v-model="queryParams.assetCode"
+ placeholder="璇疯緭鍏ヨ祫浜х紪鍙�"
+ clearable
+ style="width: 240px"
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鎵�灞炴壙鍖呭晢" prop="contractorId">
+ <el-select
+ v-model="queryParams.contractorId"
+ placeholder="璇烽�夋嫨鎵垮寘鍟�"
+ clearable
+ style="width: 240px"
+ >
+ <el-option
+ v-for="contractor in contractorOptions"
+ :key="contractor.contractorId"
+ :label="contractor.contractorName"
+ :value="contractor.contractorId"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="璧勪骇鐘舵��" prop="status">
+ <el-select
+ v-model="queryParams.status"
+ placeholder="璧勪骇鐘舵��"
+ clearable
+ style="width: 240px"
+ >
+ <el-option
+ v-for="dict in asset_status"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" icon="Search" @click="handleQuery"
+ >鎼滅储</el-button
+ >
+ <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+
+ <el-row :gutter="10" class="mb8">
+ <el-col :span="1.5">
+ <el-button
+ type="primary"
+ plain
+ icon="Plus"
+ @click="handleAdd"
+ >鏂板</el-button
+ >
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="success"
+ plain
+ icon="Edit"
+ :disabled="single"
+ @click="handleUpdate"
+ >淇敼</el-button
+ >
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="danger"
+ plain
+ icon="Delete"
+ :disabled="multiple"
+ @click="handleDelete"
+ >鍒犻櫎</el-button
+ >
+ </el-col>
+ <right-toolbar
+ v-model:showSearch="showSearch"
+ @queryTable="getList"
+ :columns="columns"
+ ></right-toolbar>
+ </el-row>
+
+ <el-table
+ v-loading="loading"
+ :data="assetList"
+ @selection-change="handleSelectionChange"
+ stripe
+ >
+ <el-table-column type="selection" width="50" align="center" />
+ <el-table-column
+ label="璧勪骇缂栧彿"
+ align="center"
+ key="assetId"
+ prop="assetId"
+ v-if="columns[0].visible"
+ />
+ <el-table-column
+ label="璧勪骇鍚嶇О"
+ align="center"
+ key="assetName"
+ prop="assetName"
+ v-if="columns[1].visible"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="璧勪骇缂栧彿"
+ align="center"
+ key="assetCode"
+ prop="assetCode"
+ v-if="columns[2].visible"
+ />
+ <el-table-column
+ label="鎵�灞炴壙鍖呭晢"
+ align="center"
+ key="contractorName"
+ prop="contractorName"
+ v-if="columns[3].visible"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="璧勪骇绫诲瀷"
+ align="center"
+ key="assetType"
+ prop="assetType"
+ v-if="columns[4].visible"
+ >
+ <template #default="scope">
+ {{ getAssetTypeLabel(scope.row.assetType) }}
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="璧勪骇浠峰��"
+ align="center"
+ key="assetValue"
+ prop="assetValue"
+ v-if="columns[5].visible"
+ >
+ <template #default="scope">
+ {{ scope.row.assetValue.toFixed(2) }}
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鐘舵��"
+ align="center"
+ key="status"
+ v-if="columns[6].visible"
+ >
+ <template #default="scope">
+ <el-switch
+ v-model="scope.row.status"
+ active-value="0"
+ inactive-value="1"
+ @change="handleStatusChange(scope.row)"
+ ></el-switch>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鍒涘缓鏃堕棿"
+ align="center"
+ prop="createTime"
+ v-if="columns[7].visible"
+ width="160"
+ >
+ <template #default="scope">
+ <span>{{ parseTime(scope.row.createTime) }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ width="150"
+ class-name="small-padding fixed-width"
+ >
+ <template #default="scope">
+ <el-tooltip
+ content="淇敼"
+ placement="top"
+ >
+ <el-button
+ link
+ type="primary"
+ icon="Edit"
+ @click="handleUpdate(scope.row)"
+ ></el-button>
+ </el-tooltip>
+ <el-tooltip
+ content="鍒犻櫎"
+ placement="top"
+ >
+ <el-button
+ link
+ type="primary"
+ icon="Delete"
+ @click="handleDelete(scope.row)"
+ ></el-button>
+ </el-tooltip>
+ </template>
+ </el-table-column>
+ </el-table>
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ v-model:page="queryParams.pageNum"
+ v-model:limit="queryParams.pageSize"
+ @pagination="getList"
+ />
+
+ <!-- 娣诲姞鎴栦慨鏀硅祫浜ч厤缃璇濇 -->
+ <el-dialog :title="title" v-model="open" width="600px" append-to-body>
+ <el-form :model="form" :rules="rules" ref="assetRef" label-width="80px">
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="璧勪骇鍚嶇О" prop="assetName">
+ <el-input
+ v-model="form.assetName"
+ placeholder="璇疯緭鍏ヨ祫浜у悕绉�"
+ maxlength="50"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="璧勪骇缂栧彿" prop="assetCode">
+ <el-input
+ v-model="form.assetCode"
+ placeholder="璇疯緭鍏ヨ祫浜х紪鍙�"
+ maxlength="20"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鎵�灞炴壙鍖呭晢" prop="contractorId">
+ <el-select
+ v-model="form.contractorId"
+ placeholder="璇烽�夋嫨鎵垮寘鍟�"
+ clearable
+ >
+ <el-option
+ v-for="contractor in contractorOptions"
+ :key="contractor.contractorId"
+ :label="contractor.contractorName"
+ :value="contractor.contractorId"
+ />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="璧勪骇绫诲瀷" prop="assetType">
+ <el-select
+ v-model="form.assetType"
+ placeholder="璇烽�夋嫨璧勪骇绫诲瀷"
+ clearable
+ >
+ <el-option
+ v-for="type in asset_types"
+ :key="type.value"
+ :label="type.label"
+ :value="type.value"
+ />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="璧勪骇浠峰��" prop="assetValue">
+ <el-input
+ v-model="form.assetValue"
+ placeholder="璇疯緭鍏ヨ祫浜т环鍊�"
+ type="number"
+ step="0.01"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鐘舵��">
+ <el-radio-group v-model="form.status">
+ <el-radio
+ v-for="dict in sys_normal_disable"
+ :key="dict.value"
+ :value="dict.value"
+ >{{ dict.label }}</el-radio
+ >
+ </el-radio-group>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="澶囨敞">
+ <el-input
+ v-model="form.remark"
+ type="textarea"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ ></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
+ <el-button @click="cancel">鍙� 娑�</el-button>
+ </div>
+ </template>
+ </el-dialog>
+ </div>
+</template>
+
+<script setup name="ContractorAssets">
+import { ref, reactive, toRefs, watch, onMounted } from 'vue';
+import { ElMessage } from 'element-plus';
+import { parseTime } from '@/utils/ruoyi';
+
+const assetList = ref([]);
+const open = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const title = ref("");
+
+// 鍒楁樉闅愪俊鎭�
+const columns = ref([
+ { key: 0, label: `璧勪骇缂栧彿`, visible: true },
+ { key: 1, label: `璧勪骇鍚嶇О`, visible: true },
+ { key: 2, label: `璧勪骇缂栧彿`, visible: true },
+ { key: 3, label: `鎵�灞炴壙鍖呭晢`, visible: true },
+ { key: 4, label: `璧勪骇绫诲瀷`, visible: true },
+ { key: 5, label: `璧勪骇浠峰�糮, visible: true },
+ { key: 6, label: `鐘舵�乣, visible: true },
+ { key: 7, label: `鍒涘缓鏃堕棿`, visible: true },
+]);
+
+const data = reactive({
+ form: {
+ assetId: undefined,
+ assetName: undefined,
+ assetCode: undefined,
+ contractorId: undefined,
+ contractorName: undefined,
+ assetType: undefined,
+ assetValue: 0,
+ status: "0",
+ remark: undefined,
+ },
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ assetName: undefined,
+ assetCode: undefined,
+ contractorId: undefined,
+ status: undefined,
+ },
+ rules: {
+ assetName: [
+ { required: true, message: "璧勪骇鍚嶇О涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ assetCode: [
+ { required: true, message: "璧勪骇缂栧彿涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ contractorId: [
+ { required: true, message: "鎵�灞炴壙鍖呭晢涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ assetType: [
+ { required: true, message: "璧勪骇绫诲瀷涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ assetValue: [
+ { required: true, message: "璧勪骇浠峰�间笉鑳戒负绌�", trigger: "blur" },
+ { type: "number", message: "璇疯緭鍏ユ纭殑鏁板瓧", trigger: "blur" },
+ ],
+ },
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+// 妯℃嫙鎵垮寘鍟嗘暟鎹�
+const contractorOptions = ref([
+ { contractorId: 1, contractorName: "鍖椾含寤哄伐闆嗗洟" },
+ { contractorId: 2, contractorName: "涓婃捣鍩庡缓闆嗗洟" },
+ { contractorId: 3, contractorName: "骞垮窞寤虹瓚闆嗗洟" },
+ { contractorId: 4, contractorName: "娣卞湷寤哄伐闆嗗洟" },
+ { contractorId: 5, contractorName: "鏉窞寤哄伐闆嗗洟" },
+]);
+
+// 璧勪骇绫诲瀷瀛楀吀
+const asset_types = ref([
+ { value: "equipment", label: "璁惧" },
+ { value: "material", label: "鏉愭枡" },
+ { value: "vehicle", label: "杞﹁締" },
+ { value: "tool", label: "宸ュ叿" },
+ { value: "other", label: "鍏朵粬" },
+]);
+
+// 璧勪骇鐘舵�佸瓧鍏�
+const asset_status = ref([
+ { value: "0", label: "姝ｅ父" },
+ { value: "1", label: "绂佺敤" },
+ { value: "2", label: "缁翠慨涓�" },
+ { value: "3", label: "宸叉姤搴�" },
+]);
+
+// 姝ｅ父绂佺敤瀛楀吀
+const sys_normal_disable = ref([
+ { value: "0", label: "姝ｅ父" },
+ { value: "1", label: "绂佺敤" },
+]);
+
+// 妯℃嫙璧勪骇鏁版嵁
+const mockAssets = [
+ {
+ assetId: 1,
+ assetName: "鎸栨帢鏈�",
+ assetCode: "ASSET001",
+ contractorId: 1,
+ contractorName: "鍖椾含寤哄伐闆嗗洟",
+ assetType: "equipment",
+ assetValue: 500000.00,
+ status: "0",
+ createTime: "2024-01-01 10:00:00",
+ remark: "澶у瀷鎸栨帢鏈�",
+ },
+ {
+ assetId: 2,
+ assetName: "娣峰嚌鍦熸悈鎷屾満",
+ assetCode: "ASSET002",
+ contractorId: 2,
+ contractorName: "涓婃捣鍩庡缓闆嗗洟",
+ assetType: "equipment",
+ assetValue: 150000.00,
+ status: "0",
+ createTime: "2024-01-02 10:00:00",
+ remark: "娣峰嚌鍦熸悈鎷岃澶�",
+ },
+ {
+ assetId: 3,
+ assetName: "瑁呰浇鏈�",
+ assetCode: "ASSET003",
+ contractorId: 3,
+ contractorName: "骞垮窞寤虹瓚闆嗗洟",
+ assetType: "equipment",
+ assetValue: 300000.00,
+ status: "1",
+ createTime: "2024-01-03 10:00:00",
+ remark: "瑁呰浇鏈鸿澶�",
+ },
+ {
+ assetId: 4,
+ assetName: "杩愯緭鍗¤溅",
+ assetCode: "ASSET004",
+ contractorId: 4,
+ contractorName: "娣卞湷寤哄伐闆嗗洟",
+ assetType: "vehicle",
+ assetValue: 400000.00,
+ status: "0",
+ createTime: "2024-01-04 10:00:00",
+ remark: "閲嶅瀷杩愯緭鍗¤溅",
+ },
+ {
+ assetId: 5,
+ assetName: "閽㈢瓔鍒囨柇鏈�",
+ assetCode: "ASSET005",
+ contractorId: 5,
+ contractorName: "鏉窞寤哄伐闆嗗洟",
+ assetType: "tool",
+ assetValue: 20000.00,
+ status: "0",
+ createTime: "2024-01-05 10:00:00",
+ remark: "閽㈢瓔鍔犲伐璁惧",
+ },
+]);
+
+/** 鑾峰彇璧勪骇绫诲瀷鏍囩 */
+function getAssetTypeLabel(value) {
+ const type = asset_types.value.find(item => item.value === value);
+ return type ? type.label : value;
+}
+
+/** 鏌ヨ璧勪骇鍒楄〃 */
+function getList() {
+ loading.value = true;
+ // 妯℃嫙API璇锋眰寤惰繜
+ setTimeout(() => {
+ let data = [...mockAssets];
+ // 妯℃嫙鎼滅储杩囨护
+ if (queryParams.value.assetName) {
+ data = data.filter(item => item.assetName.includes(queryParams.value.assetName));
+ }
+ if (queryParams.value.assetCode) {
+ data = data.filter(item => item.assetCode.includes(queryParams.value.assetCode));
+ }
+ if (queryParams.value.contractorId) {
+ data = data.filter(item => item.contractorId === queryParams.value.contractorId);
+ }
+ if (queryParams.value.status) {
+ data = data.filter(item => item.status === queryParams.value.status);
+ }
+ // 妯℃嫙鍒嗛〉
+ const start = (queryParams.value.pageNum - 1) * queryParams.value.pageSize;
+ const end = start + queryParams.value.pageSize;
+ assetList.value = data.slice(start, end);
+ total.value = data.length;
+ loading.value = false;
+ }, 500);
+}
+
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+function handleQuery() {
+ queryParams.value.pageNum = 1;
+ getList();
+}
+
+/** 閲嶇疆鎸夐挳鎿嶄綔 */
+function resetQuery() {
+ Object.assign(queryParams.value, {
+ assetName: undefined,
+ assetCode: undefined,
+ contractorId: undefined,
+ status: undefined,
+ });
+ handleQuery();
+}
+
+/** 鍒犻櫎鎸夐挳鎿嶄綔 */
+function handleDelete(row) {
+ const assetIds = row.assetId || ids.value;
+ ElMessage.confirm(`鏄惁纭鍒犻櫎璧勪骇缂栧彿涓�"${assetIds}"鐨勬暟鎹」锛焋).then(() => {
+ // 妯℃嫙鍒犻櫎鎿嶄綔
+ ElMessage.success("鍒犻櫎鎴愬姛");
+ getList();
+ }).catch(() => {});
+}
+
+/** 鐘舵�佷慨鏀� */
+function handleStatusChange(row) {
+ let text = row.status === "0" ? "鍚敤" : "鍋滅敤";
+ ElMessage.confirm(`纭瑕�"${text}""${row.assetName}"璧勪骇鍚�?`).then(() => {
+ // 妯℃嫙鐘舵�佷慨鏀�
+ ElMessage.success(text + "鎴愬姛");
+ getList();
+ }).catch(() => {
+ row.status = row.status === "0" ? "1" : "0";
+ });
+}
+
+/** 閫夋嫨鏉℃暟 */
+function handleSelectionChange(selection) {
+ ids.value = selection.map((item) => item.assetId);
+ single.value = selection.length != 1;
+ multiple.value = !selection.length;
+}
+
+/** 閲嶇疆鎿嶄綔琛ㄥ崟 */
+function reset() {
+ form.value = {
+ assetId: undefined,
+ assetName: undefined,
+ assetCode: undefined,
+ contractorId: undefined,
+ contractorName: undefined,
+ assetType: undefined,
+ assetValue: 0,
+ status: "0",
+ remark: undefined,
+ };
+}
+
+/** 鍙栨秷鎸夐挳 */
+function cancel() {
+ open.value = false;
+ reset();
+}
+
+/** 鏂板鎸夐挳鎿嶄綔 */
+function handleAdd() {
+ reset();
+ open.value = true;
+ title.value = "娣诲姞璧勪骇";
+}
+
+/** 淇敼鎸夐挳鎿嶄綔 */
+function handleUpdate(row) {
+ reset();
+ const assetId = row.assetId || ids.value;
+ // 妯℃嫙鑾峰彇璇︽儏
+ const asset = mockAssets.find(item => item.assetId === assetId);
+ if (asset) {
+ form.value = { ...asset };
+ open.value = true;
+ title.value = "淇敼璧勪骇";
+ }
+}
+
+/** 鎻愪氦鎸夐挳 */
+function submitForm() {
+ // 妯℃嫙琛ㄥ崟楠岃瘉
+ const requiredFields = ['assetName', 'assetCode', 'contractorId', 'assetType', 'assetValue'];
+ const isInvalid = requiredFields.some(field => !form.value[field]);
+
+ if (isInvalid) {
+ ElMessage.error("璇峰～鍐欏繀濉瓧娈�");
+ return;
+ }
+
+ // 妯℃嫙鎻愪氦鎿嶄綔
+ ElMessage.success(title.value === "娣诲姞璧勪骇" ? "鏂板鎴愬姛" : "淇敼鎴愬姛");
+ open.value = false;
+ getList();
+}
+
+onMounted(() => {
+ getList();
+});
+</script>
diff --git a/src/views/contractor/compliance/index.vue b/src/views/contractor/compliance/index.vue
new file mode 100644
index 0000000..7fbe1a2
--- /dev/null
+++ b/src/views/contractor/compliance/index.vue
@@ -0,0 +1,664 @@
+<template>
+ <div class="app-container">
+ <el-form
+ :model="queryParams"
+ ref="queryRef"
+ :inline="true"
+ v-show="showSearch"
+ label-width="90px"
+ >
+ <el-form-item label="鍚堣鍚嶇О" prop="complianceName">
+ <el-input
+ v-model="queryParams.complianceName"
+ placeholder="璇疯緭鍏ュ悎瑙勫悕绉�"
+ clearable
+ style="width: 220px"
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鍚堣缂栧彿" prop="complianceCode">
+ <el-input
+ v-model="queryParams.complianceCode"
+ placeholder="璇疯緭鍏ュ悎瑙勭紪鍙�"
+ clearable
+ style="width: 240px"
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鎵�灞炴壙鍖呭晢" prop="contractorId">
+ <el-select
+ v-model="queryParams.contractorId"
+ placeholder="璇烽�夋嫨鎵垮寘鍟�"
+ clearable
+ style="width: 240px"
+ >
+ <el-option
+ v-for="contractor in contractorOptions"
+ :key="contractor.contractorId"
+ :label="contractor.contractorName"
+ :value="contractor.contractorId"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鍚堣鐘舵��" prop="status">
+ <el-select
+ v-model="queryParams.status"
+ placeholder="鍚堣鐘舵��"
+ clearable
+ style="width: 240px"
+ >
+ <el-option
+ v-for="dict in compliance_status"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" icon="Search" @click="handleQuery"
+ >鎼滅储</el-button
+ >
+ <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+
+ <el-row :gutter="10" class="mb8">
+ <el-col :span="1.5">
+ <el-button
+ type="primary"
+ plain
+ icon="Plus"
+ @click="handleAdd"
+ >鏂板</el-button
+ >
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="success"
+ plain
+ icon="Edit"
+ :disabled="single"
+ @click="handleUpdate"
+ >淇敼</el-button
+ >
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="danger"
+ plain
+ icon="Delete"
+ :disabled="multiple"
+ @click="handleDelete"
+ >鍒犻櫎</el-button
+ >
+ </el-col>
+ <right-toolbar
+ v-model:showSearch="showSearch"
+ @queryTable="getList"
+ :columns="columns"
+ ></right-toolbar>
+ </el-row>
+
+ <el-table
+ v-loading="loading"
+ :data="complianceList"
+ @selection-change="handleSelectionChange"
+ stripe
+ >
+ <el-table-column type="selection" width="50" align="center" />
+ <el-table-column
+ label="鍚堣ID"
+ align="center"
+ key="complianceId"
+ prop="complianceId"
+ v-if="columns[0].visible"
+ />
+ <el-table-column
+ label="鍚堣鍚嶇О"
+ align="center"
+ key="complianceName"
+ prop="complianceName"
+ v-if="columns[1].visible"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鍚堣缂栧彿"
+ align="center"
+ key="complianceCode"
+ prop="complianceCode"
+ v-if="columns[2].visible"
+ />
+ <el-table-column
+ label="鎵�灞炴壙鍖呭晢"
+ align="center"
+ key="contractorName"
+ prop="contractorName"
+ v-if="columns[3].visible"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鍚堣绫诲瀷"
+ align="center"
+ key="complianceType"
+ prop="complianceType"
+ v-if="columns[4].visible"
+ >
+ <template #default="scope">
+ {{ getComplianceTypeLabel(scope.row.complianceType) }}
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鏈夋晥鏈熷紑濮�"
+ align="center"
+ key="validStartDate"
+ prop="validStartDate"
+ v-if="columns[5].visible"
+ width="140"
+ />
+ <el-table-column
+ label="鏈夋晥鏈熺粨鏉�"
+ align="center"
+ key="validEndDate"
+ prop="validEndDate"
+ v-if="columns[6].visible"
+ width="140"
+ />
+ <el-table-column
+ label="鐘舵��"
+ align="center"
+ key="status"
+ v-if="columns[7].visible"
+ >
+ <template #default="scope">
+ <el-switch
+ v-model="scope.row.status"
+ active-value="0"
+ inactive-value="1"
+ @change="handleStatusChange(scope.row)"
+ ></el-switch>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鍒涘缓鏃堕棿"
+ align="center"
+ prop="createTime"
+ v-if="columns[8].visible"
+ width="160"
+ >
+ <template #default="scope">
+ <span>{{ parseTime(scope.row.createTime) }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ width="150"
+ class-name="small-padding fixed-width"
+ >
+ <template #default="scope">
+ <el-tooltip
+ content="淇敼"
+ placement="top"
+ >
+ <el-button
+ link
+ type="primary"
+ icon="Edit"
+ @click="handleUpdate(scope.row)"
+ ></el-button>
+ </el-tooltip>
+ <el-tooltip
+ content="鍒犻櫎"
+ placement="top"
+ >
+ <el-button
+ link
+ type="primary"
+ icon="Delete"
+ @click="handleDelete(scope.row)"
+ ></el-button>
+ </el-tooltip>
+ </template>
+ </el-table-column>
+ </el-table>
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ v-model:page="queryParams.pageNum"
+ v-model:limit="queryParams.pageSize"
+ @pagination="getList"
+ />
+
+ <!-- 娣诲姞鎴栦慨鏀瑰悎瑙勯厤缃璇濇 -->
+ <el-dialog :title="title" v-model="open" width="600px" append-to-body>
+ <el-form :model="form" :rules="rules" ref="complianceRef" label-width="80px">
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鍚堣鍚嶇О" prop="complianceName">
+ <el-input
+ v-model="form.complianceName"
+ placeholder="璇疯緭鍏ュ悎瑙勫悕绉�"
+ maxlength="50"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍚堣缂栧彿" prop="complianceCode">
+ <el-input
+ v-model="form.complianceCode"
+ placeholder="璇疯緭鍏ュ悎瑙勭紪鍙�"
+ maxlength="20"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鎵�灞炴壙鍖呭晢" prop="contractorId">
+ <el-select
+ v-model="form.contractorId"
+ placeholder="璇烽�夋嫨鎵垮寘鍟�"
+ clearable
+ >
+ <el-option
+ v-for="contractor in contractorOptions"
+ :key="contractor.contractorId"
+ :label="contractor.contractorName"
+ :value="contractor.contractorId"
+ />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍚堣绫诲瀷" prop="complianceType">
+ <el-select
+ v-model="form.complianceType"
+ placeholder="璇烽�夋嫨鍚堣绫诲瀷"
+ clearable
+ >
+ <el-option
+ v-for="type in compliance_types"
+ :key="type.value"
+ :label="type.label"
+ :value="type.value"
+ />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鏈夋晥鏈熷紑濮�" prop="validStartDate">
+ <el-date-picker
+ v-model="form.validStartDate"
+ type="date"
+ placeholder="閫夋嫨寮�濮嬫棩鏈�"
+ value-format="YYYY-MM-DD"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鏈夋晥鏈熺粨鏉�" prop="validEndDate">
+ <el-date-picker
+ v-model="form.validEndDate"
+ type="date"
+ placeholder="閫夋嫨缁撴潫鏃ユ湡"
+ value-format="YYYY-MM-DD"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鐘舵��">
+ <el-radio-group v-model="form.status">
+ <el-radio
+ v-for="dict in sys_normal_disable"
+ :key="dict.value"
+ :value="dict.value"
+ >{{ dict.label }}</el-radio
+ >
+ </el-radio-group>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="澶囨敞">
+ <el-input
+ v-model="form.remark"
+ type="textarea"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ ></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
+ <el-button @click="cancel">鍙� 娑�</el-button>
+ </div>
+ </template>
+ </el-dialog>
+ </div>
+</template>
+
+<script setup name="ContractorCompliance">
+import { ref, reactive, toRefs, watch, onMounted } from 'vue';
+import { ElMessage } from 'element-plus';
+import { parseTime } from '@/utils/ruoyi';
+
+const complianceList = ref([]);
+const open = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const title = ref("");
+
+// 鍒楁樉闅愪俊鎭�
+const columns = ref([
+ { key: 0, label: `鍚堣ID`, visible: true },
+ { key: 1, label: `鍚堣鍚嶇О`, visible: true },
+ { key: 2, label: `鍚堣缂栧彿`, visible: true },
+ { key: 3, label: `鎵�灞炴壙鍖呭晢`, visible: true },
+ { key: 4, label: `鍚堣绫诲瀷`, visible: true },
+ { key: 5, label: `鏈夋晥鏈熷紑濮媊, visible: true },
+ { key: 6, label: `鏈夋晥鏈熺粨鏉焋, visible: true },
+ { key: 7, label: `鐘舵�乣, visible: true },
+ { key: 8, label: `鍒涘缓鏃堕棿`, visible: true },
+]);
+
+const data = reactive({
+ form: {
+ complianceId: undefined,
+ complianceName: undefined,
+ complianceCode: undefined,
+ contractorId: undefined,
+ contractorName: undefined,
+ complianceType: undefined,
+ validStartDate: undefined,
+ validEndDate: undefined,
+ status: "0",
+ remark: undefined,
+ },
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ complianceName: undefined,
+ complianceCode: undefined,
+ contractorId: undefined,
+ status: undefined,
+ },
+ rules: {
+ complianceName: [
+ { required: true, message: "鍚堣鍚嶇О涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ complianceCode: [
+ { required: true, message: "鍚堣缂栧彿涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ contractorId: [
+ { required: true, message: "鎵�灞炴壙鍖呭晢涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ complianceType: [
+ { required: true, message: "鍚堣绫诲瀷涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ validStartDate: [
+ { required: true, message: "鏈夋晥鏈熷紑濮嬩笉鑳戒负绌�", trigger: "blur" },
+ ],
+ validEndDate: [
+ { required: true, message: "鏈夋晥鏈熺粨鏉熶笉鑳戒负绌�", trigger: "blur" },
+ ],
+ },
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+// 妯℃嫙鎵垮寘鍟嗘暟鎹�
+const contractorOptions = ref([
+ { contractorId: 1, contractorName: "鍖椾含寤哄伐闆嗗洟" },
+ { contractorId: 2, contractorName: "涓婃捣鍩庡缓闆嗗洟" },
+ { contractorId: 3, contractorName: "骞垮窞寤虹瓚闆嗗洟" },
+ { contractorId: 4, contractorName: "娣卞湷寤哄伐闆嗗洟" },
+ { contractorId: 5, contractorName: "鏉窞寤哄伐闆嗗洟" },
+]);
+
+// 鍚堣绫诲瀷瀛楀吀
+const compliance_types = ref([
+ { value: "license", label: "璁稿彲璇�" },
+ { value: "certificate", label: "璇佷功" },
+ { value: "regulation", label: "娉曡閬靛惊" },
+ { value: "standard", label: "鏍囧噯鍚堣" },
+ { value: "other", label: "鍏朵粬" },
+]);
+
+// 鍚堣鐘舵�佸瓧鍏�
+const compliance_status = ref([
+ { value: "0", label: "姝ｅ父" },
+ { value: "1", label: "绂佺敤" },
+ { value: "2", label: "鍗冲皢杩囨湡" },
+ { value: "3", label: "宸茶繃鏈�" },
+]);
+
+// 姝ｅ父绂佺敤瀛楀吀
+const sys_normal_disable = ref([
+ { value: "0", label: "姝ｅ父" },
+ { value: "1", label: "绂佺敤" },
+]);
+
+// 妯℃嫙鍚堣鏁版嵁
+const mockCompliances = ref([
+ {
+ complianceId: 1,
+ complianceName: "寤虹瓚鏂藉伐璁稿彲璇�",
+ complianceCode: "COMP001",
+ contractorId: 1,
+ contractorName: "鍖椾含寤哄伐闆嗗洟",
+ complianceType: "license",
+ validStartDate: "2024-01-01",
+ validEndDate: "2025-12-31",
+ status: "0",
+ createTime: "2024-01-01 10:00:00",
+ remark: "寤虹瓚鏂藉伐璁稿彲璇�",
+ },
+ {
+ complianceId: 2,
+ complianceName: "瀹夊叏鐢熶骇璁稿彲璇�",
+ complianceCode: "COMP002",
+ contractorId: 2,
+ contractorName: "涓婃捣鍩庡缓闆嗗洟",
+ complianceType: "license",
+ validStartDate: "2024-01-02",
+ validEndDate: "2025-12-31",
+ status: "0",
+ createTime: "2024-01-02 10:00:00",
+ remark: "瀹夊叏鐢熶骇璁稿彲璇�",
+ },
+ {
+ complianceId: 3,
+ complianceName: "璐ㄩ噺绠＄悊浣撶郴璁よ瘉",
+ complianceCode: "COMP003",
+ contractorId: 3,
+ contractorName: "骞垮窞寤虹瓚闆嗗洟",
+ complianceType: "certificate",
+ validStartDate: "2024-01-03",
+ validEndDate: "2025-12-31",
+ status: "1",
+ createTime: "2024-01-03 10:00:00",
+ remark: "ISO9001璐ㄩ噺绠＄悊浣撶郴璁よ瘉",
+ },
+ {
+ complianceId: 4,
+ complianceName: "鐜绠＄悊浣撶郴璁よ瘉",
+ complianceCode: "COMP004",
+ contractorId: 4,
+ contractorName: "娣卞湷寤哄伐闆嗗洟",
+ complianceType: "certificate",
+ validStartDate: "2024-01-04",
+ validEndDate: "2025-12-31",
+ status: "0",
+ createTime: "2024-01-04 10:00:00",
+ remark: "ISO14001鐜绠＄悊浣撶郴璁よ瘉",
+ },
+ {
+ complianceId: 5,
+ complianceName: "鑱屼笟鍋ュ悍瀹夊叏绠＄悊浣撶郴璁よ瘉",
+ complianceCode: "COMP005",
+ contractorId: 5,
+ contractorName: "鏉窞寤哄伐闆嗗洟",
+ complianceType: "certificate",
+ validStartDate: "2024-01-05",
+ validEndDate: "2025-12-31",
+ status: "0",
+ createTime: "2024-01-05 10:00:00",
+ remark: "ISO45001鑱屼笟鍋ュ悍瀹夊叏绠＄悊浣撶郴璁よ瘉",
+ },
+]);
+
+/** 鑾峰彇鍚堣绫诲瀷鏍囩 */
+function getComplianceTypeLabel(value) {
+ const type = compliance_types.value.find(item => item.value === value);
+ return type ? type.label : value;
+}
+
+/** 鏌ヨ鍚堣鍒楄〃 */
+function getList() {
+ loading.value = true;
+ // 妯℃嫙API璇锋眰寤惰繜
+ setTimeout(() => {
+ let data = [...mockCompliances.value];
+ // 妯℃嫙鎼滅储杩囨护
+ if (queryParams.value.complianceName) {
+ data = data.filter(item => item.complianceName.includes(queryParams.value.complianceName));
+ }
+ if (queryParams.value.complianceCode) {
+ data = data.filter(item => item.complianceCode.includes(queryParams.value.complianceCode));
+ }
+ if (queryParams.value.contractorId) {
+ data = data.filter(item => item.contractorId === queryParams.value.contractorId);
+ }
+ if (queryParams.value.status) {
+ data = data.filter(item => item.status === queryParams.value.status);
+ }
+ // 妯℃嫙鍒嗛〉
+ const start = (queryParams.value.pageNum - 1) * queryParams.value.pageSize;
+ const end = start + queryParams.value.pageSize;
+ complianceList.value = data.slice(start, end);
+ total.value = data.length;
+ loading.value = false;
+ }, 500);
+}
+
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+function handleQuery() {
+ queryParams.value.pageNum = 1;
+ getList();
+}
+
+/** 閲嶇疆鎸夐挳鎿嶄綔 */
+function resetQuery() {
+ Object.assign(queryParams.value, {
+ complianceName: undefined,
+ complianceCode: undefined,
+ contractorId: undefined,
+ status: undefined,
+ });
+ handleQuery();
+}
+
+/** 鍒犻櫎鎸夐挳鎿嶄綔 */
+function handleDelete(row) {
+ const complianceIds = row.complianceId || ids.value;
+ ElMessage.confirm(`鏄惁纭鍒犻櫎鍚堣缂栧彿涓�"${complianceIds}"鐨勬暟鎹」锛焋).then(() => {
+ // 妯℃嫙鍒犻櫎鎿嶄綔
+ ElMessage.success("鍒犻櫎鎴愬姛");
+ getList();
+ }).catch(() => {});
+}
+
+/** 鐘舵�佷慨鏀� */
+function handleStatusChange(row) {
+ let text = row.status === "0" ? "鍚敤" : "鍋滅敤";
+ ElMessage.confirm(`纭瑕�"${text}""${row.complianceName}"鍚堣璁板綍鍚�?`).then(() => {
+ // 妯℃嫙鐘舵�佷慨鏀�
+ ElMessage.success(text + "鎴愬姛");
+ getList();
+ }).catch(() => {
+ row.status = row.status === "0" ? "1" : "0";
+ });
+}
+
+/** 閫夋嫨鏉℃暟 */
+function handleSelectionChange(selection) {
+ ids.value = selection.map((item) => item.complianceId);
+ single.value = selection.length != 1;
+ multiple.value = !selection.length;
+}
+
+/** 閲嶇疆鎿嶄綔琛ㄥ崟 */
+function reset() {
+ form.value = {
+ complianceId: undefined,
+ complianceName: undefined,
+ complianceCode: undefined,
+ contractorId: undefined,
+ contractorName: undefined,
+ complianceType: undefined,
+ validStartDate: undefined,
+ validEndDate: undefined,
+ status: "0",
+ remark: undefined,
+ };
+}
+
+/** 鍙栨秷鎸夐挳 */
+function cancel() {
+ open.value = false;
+ reset();
+}
+
+/** 鏂板鎸夐挳鎿嶄綔 */
+function handleAdd() {
+ reset();
+ open.value = true;
+ title.value = "娣诲姞鍚堣璁板綍";
+}
+
+/** 淇敼鎸夐挳鎿嶄綔 */
+function handleUpdate(row) {
+ reset();
+ const complianceId = row.complianceId || ids.value;
+ // 妯℃嫙鑾峰彇璇︽儏
+ const compliance = mockCompliances.find(item => item.complianceId === complianceId);
+ if (compliance) {
+ form.value = { ...compliance };
+ open.value = true;
+ title.value = "淇敼鍚堣璁板綍";
+ }
+}
+
+/** 鎻愪氦鎸夐挳 */
+function submitForm() {
+ // 妯℃嫙琛ㄥ崟楠岃瘉
+ const requiredFields = ['complianceName', 'complianceCode', 'contractorId', 'complianceType', 'validStartDate', 'validEndDate'];
+ const isInvalid = requiredFields.some(field => !form.value[field]);
+
+ if (isInvalid) {
+ ElMessage.error("璇峰～鍐欏繀濉瓧娈�");
+ return;
+ }
+
+ // 妯℃嫙鎻愪氦鎿嶄綔
+ ElMessage.success(title.value === "娣诲姞鍚堣璁板綍" ? "鏂板鎴愬姛" : "淇敼鎴愬姛");
+ open.value = false;
+ getList();
+}
+
+onMounted(() => {
+ getList();
+});
+</script>
diff --git a/src/views/contractor/list/index.vue b/src/views/contractor/list/index.vue
new file mode 100644
index 0000000..8767039
--- /dev/null
+++ b/src/views/contractor/list/index.vue
@@ -0,0 +1,572 @@
+<template>
+ <div class="app-container">
+ <el-form
+ :model="queryParams"
+ ref="queryRef"
+ :inline="true"
+ v-show="showSearch"
+ label-width="90px"
+ >
+ <el-form-item label="鎵垮寘鍟嗗悕绉�" prop="contractorName">
+ <el-input
+ v-model="queryParams.contractorName"
+ placeholder="璇疯緭鍏ユ壙鍖呭晢鍚嶇О"
+ clearable
+ style="width: 220px"
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鑱旂郴浜�" prop="contactPerson">
+ <el-input
+ v-model="queryParams.contactPerson"
+ placeholder="璇疯緭鍏ヨ仈绯讳汉"
+ clearable
+ style="width: 240px"
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鑱旂郴鐢佃瘽" prop="contactPhone">
+ <el-input
+ v-model="queryParams.contactPhone"
+ placeholder="璇疯緭鍏ヨ仈绯荤數璇�"
+ clearable
+ style="width: 240px"
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鐘舵��" prop="status">
+ <el-select
+ v-model="queryParams.status"
+ placeholder="鎵垮寘鍟嗙姸鎬�"
+ clearable
+ style="width: 240px"
+ >
+ <el-option
+ v-for="dict in sys_normal_disable"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" icon="Search" @click="handleQuery"
+ >鎼滅储</el-button
+ >
+ <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+
+ <el-row :gutter="10" class="mb8">
+ <el-col :span="1.5">
+ <el-button
+ type="primary"
+ plain
+ icon="Plus"
+ @click="handleAdd"
+ >鏂板</el-button
+ >
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="success"
+ plain
+ icon="Edit"
+ :disabled="single"
+ @click="handleUpdate"
+ >淇敼</el-button
+ >
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="danger"
+ plain
+ icon="Delete"
+ :disabled="multiple"
+ @click="handleDelete"
+ >鍒犻櫎</el-button
+ >
+ </el-col>
+ <right-toolbar
+ v-model:showSearch="showSearch"
+ @queryTable="getList"
+ :columns="columns"
+ ></right-toolbar>
+ </el-row>
+
+ <el-table
+ v-loading="loading"
+ :data="contractorList"
+ @selection-change="handleSelectionChange"
+ stripe
+ >
+ <el-table-column type="selection" width="50" align="center" />
+ <el-table-column
+ label="鎵垮寘鍟嗙紪鍙�"
+ align="center"
+ key="contractorId"
+ prop="contractorId"
+ v-if="columns[0].visible"
+ />
+ <el-table-column
+ label="鎵垮寘鍟嗗悕绉�"
+ align="center"
+ key="contractorName"
+ prop="contractorName"
+ v-if="columns[1].visible"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鑱旂郴浜�"
+ align="center"
+ key="contactPerson"
+ prop="contactPerson"
+ v-if="columns[2].visible"
+ />
+ <el-table-column
+ label="鑱旂郴鐢佃瘽"
+ align="center"
+ key="contactPhone"
+ prop="contactPhone"
+ v-if="columns[3].visible"
+ />
+ <el-table-column
+ label="鑱旂郴閭"
+ align="center"
+ key="contactEmail"
+ prop="contactEmail"
+ v-if="columns[4].visible"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鍦板潃"
+ align="center"
+ key="address"
+ prop="address"
+ v-if="columns[5].visible"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鐘舵��"
+ align="center"
+ key="status"
+ v-if="columns[6].visible"
+ >
+ <template #default="scope">
+ <el-switch
+ v-model="scope.row.status"
+ active-value="0"
+ inactive-value="1"
+ @change="handleStatusChange(scope.row)"
+ ></el-switch>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鍒涘缓鏃堕棿"
+ align="center"
+ prop="createTime"
+ v-if="columns[7].visible"
+ width="160"
+ >
+ <template #default="scope">
+ <span>{{ parseTime(scope.row.createTime) }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ width="150"
+ class-name="small-padding fixed-width"
+ >
+ <template #default="scope">
+ <el-tooltip
+ content="淇敼"
+ placement="top"
+ >
+ <el-button
+ link
+ type="primary"
+ icon="Edit"
+ @click="handleUpdate(scope.row)"
+ ></el-button>
+ </el-tooltip>
+ <el-tooltip
+ content="鍒犻櫎"
+ placement="top"
+ >
+ <el-button
+ link
+ type="primary"
+ icon="Delete"
+ @click="handleDelete(scope.row)"
+ ></el-button>
+ </el-tooltip>
+ </template>
+ </el-table-column>
+ </el-table>
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ v-model:page="queryParams.pageNum"
+ v-model:limit="queryParams.pageSize"
+ @pagination="getList"
+ />
+
+ <!-- 娣诲姞鎴栦慨鏀规壙鍖呭晢閰嶇疆瀵硅瘽妗� -->
+ <el-dialog :title="title" v-model="open" width="600px" append-to-body>
+ <el-form :model="form" :rules="rules" ref="contractorRef" label-width="80px">
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鎵垮寘鍟嗗悕绉�" prop="contractorName">
+ <el-input
+ v-model="form.contractorName"
+ placeholder="璇疯緭鍏ユ壙鍖呭晢鍚嶇О"
+ maxlength="50"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鑱旂郴浜�" prop="contactPerson">
+ <el-input
+ v-model="form.contactPerson"
+ placeholder="璇疯緭鍏ヨ仈绯讳汉"
+ maxlength="20"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鑱旂郴鐢佃瘽" prop="contactPhone">
+ <el-input
+ v-model="form.contactPhone"
+ placeholder="璇疯緭鍏ヨ仈绯荤數璇�"
+ maxlength="11"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鑱旂郴閭" prop="contactEmail">
+ <el-input
+ v-model="form.contactEmail"
+ placeholder="璇疯緭鍏ヨ仈绯婚偖绠�"
+ maxlength="50"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="鍦板潃" prop="address">
+ <el-input
+ v-model="form.address"
+ placeholder="璇疯緭鍏ュ湴鍧�"
+ maxlength="100"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鐘舵��">
+ <el-radio-group v-model="form.status">
+ <el-radio
+ v-for="dict in sys_normal_disable"
+ :key="dict.value"
+ :value="dict.value"
+ >{{ dict.label }}</el-radio
+ >
+ </el-radio-group>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="澶囨敞">
+ <el-input
+ v-model="form.remark"
+ type="textarea"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ ></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
+ <el-button @click="cancel">鍙� 娑�</el-button>
+ </div>
+ </template>
+ </el-dialog>
+ </div>
+</template>
+
+<script setup name="Contractor">
+import { ref, reactive, toRefs, watch, onMounted } from 'vue';
+import { ElMessage } from 'element-plus';
+import { parseTime } from '@/utils/ruoyi';
+
+const contractorList = ref([]);
+const open = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const title = ref("");
+
+// 鍒楁樉闅愪俊鎭�
+const columns = ref([
+ { key: 0, label: `鎵垮寘鍟嗙紪鍙穈, visible: true },
+ { key: 1, label: `鎵垮寘鍟嗗悕绉癭, visible: true },
+ { key: 2, label: `鑱旂郴浜篳, visible: true },
+ { key: 3, label: `鑱旂郴鐢佃瘽`, visible: true },
+ { key: 4, label: `鑱旂郴閭`, visible: true },
+ { key: 5, label: `鍦板潃`, visible: true },
+ { key: 6, label: `鐘舵�乣, visible: true },
+ { key: 7, label: `鍒涘缓鏃堕棿`, visible: true },
+]);
+
+const data = reactive({
+ form: {
+ contractorId: undefined,
+ contractorName: undefined,
+ contactPerson: undefined,
+ contactPhone: undefined,
+ contactEmail: undefined,
+ address: undefined,
+ status: "0",
+ remark: undefined,
+ },
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ contractorName: undefined,
+ contactPerson: undefined,
+ contactPhone: undefined,
+ status: undefined,
+ },
+ rules: {
+ contractorName: [
+ { required: true, message: "鎵垮寘鍟嗗悕绉颁笉鑳戒负绌�", trigger: "blur" },
+ ],
+ contactPerson: [
+ { required: true, message: "鑱旂郴浜轰笉鑳戒负绌�", trigger: "blur" },
+ ],
+ contactPhone: [
+ { required: true, message: "鑱旂郴鐢佃瘽涓嶈兘涓虹┖", trigger: "blur" },
+ { pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜", trigger: "blur" },
+ ],
+ contactEmail: [
+ { type: "email", message: "璇疯緭鍏ユ纭殑閭鍦板潃", trigger: ["blur", "change"] },
+ ],
+ address: [
+ { required: true, message: "鍦板潃涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ },
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+// 妯℃嫙鏁版嵁
+const mockContractors = [
+ {
+ contractorId: 1,
+ contractorName: "鍖椾含寤哄伐闆嗗洟",
+ contactPerson: "寮犱笁",
+ contactPhone: "13800138001",
+ contactEmail: "zhangsan@example.com",
+ address: "鍖椾含甯傛湞闃冲尯寤哄浗璺�88鍙�",
+ status: "0",
+ createTime: "2024-01-01 10:00:00",
+ remark: "澶у瀷寤虹瓚鏂藉伐浼佷笟",
+ },
+ {
+ contractorId: 2,
+ contractorName: "涓婃捣鍩庡缓闆嗗洟",
+ contactPerson: "鏉庡洓",
+ contactPhone: "13800138002",
+ contactEmail: "lisi@example.com",
+ address: "涓婃捣甯傛郸涓滄柊鍖轰笘绾ぇ閬�100鍙�",
+ status: "0",
+ createTime: "2024-01-02 10:00:00",
+ remark: "鍩庡競鍩虹璁炬柦寤鸿浼佷笟",
+ },
+ {
+ contractorId: 3,
+ contractorName: "骞垮窞寤虹瓚闆嗗洟",
+ contactPerson: "鐜嬩簲",
+ contactPhone: "13800138003",
+ contactEmail: "wangwu@example.com",
+ address: "骞垮窞甯傚ぉ娌冲尯鐝犳睙鏂板煄鍐兼潙璺�5鍙�",
+ status: "1",
+ createTime: "2024-01-03 10:00:00",
+ remark: "骞夸笢鐪佺煡鍚嶅缓绛戜紒涓�",
+ },
+ {
+ contractorId: 4,
+ contractorName: "娣卞湷寤哄伐闆嗗洟",
+ contactPerson: "璧靛叚",
+ contactPhone: "13800138004",
+ contactEmail: "zhaoliu@example.com",
+ address: "娣卞湷甯傜鐢板尯绂忎腑涓夎矾1006鍙�",
+ status: "0",
+ createTime: "2024-01-04 10:00:00",
+ remark: "娣卞湷甯傞噸鐐瑰缓绛戜紒涓�",
+ },
+ {
+ contractorId: 5,
+ contractorName: "鏉窞寤哄伐闆嗗洟",
+ contactPerson: "瀛欎竷",
+ contactPhone: "13800138005",
+ contactEmail: "sunqi@example.com",
+ address: "鏉窞甯傛睙骞插尯閽辨睙鏂板煄瀵屾槬璺�188鍙�",
+ status: "0",
+ createTime: "2024-01-05 10:00:00",
+ remark: "娴欐睙鐪佺煡鍚嶅缓绛戜紒涓�",
+ },
+];
+
+/** 鏌ヨ鎵垮寘鍟嗗垪琛� */
+function getList() {
+ loading.value = true;
+ // 妯℃嫙API璇锋眰寤惰繜
+ setTimeout(() => {
+ let data = [...mockContractors];
+ // 妯℃嫙鎼滅储杩囨护
+ if (queryParams.value.contractorName) {
+ data = data.filter(item => item.contractorName.includes(queryParams.value.contractorName));
+ }
+ if (queryParams.value.contactPerson) {
+ data = data.filter(item => item.contactPerson.includes(queryParams.value.contactPerson));
+ }
+ if (queryParams.value.contactPhone) {
+ data = data.filter(item => item.contactPhone.includes(queryParams.value.contactPhone));
+ }
+ if (queryParams.value.status) {
+ data = data.filter(item => item.status === queryParams.value.status);
+ }
+ // 妯℃嫙鍒嗛〉
+ const start = (queryParams.value.pageNum - 1) * queryParams.value.pageSize;
+ const end = start + queryParams.value.pageSize;
+ contractorList.value = data.slice(start, end);
+ total.value = data.length;
+ loading.value = false;
+ }, 500);
+}
+
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+function handleQuery() {
+ queryParams.value.pageNum = 1;
+ getList();
+}
+
+/** 閲嶇疆鎸夐挳鎿嶄綔 */
+function resetQuery() {
+ Object.assign(queryParams.value, {
+ contractorName: undefined,
+ contactPerson: undefined,
+ contactPhone: undefined,
+ status: undefined,
+ });
+ handleQuery();
+}
+
+/** 鍒犻櫎鎸夐挳鎿嶄綔 */
+function handleDelete(row) {
+ const contractorIds = row.contractorId || ids.value;
+ ElMessage.confirm(`鏄惁纭鍒犻櫎鎵垮寘鍟嗙紪鍙蜂负"${contractorIds}"鐨勬暟鎹」锛焋).then(() => {
+ // 妯℃嫙鍒犻櫎鎿嶄綔
+ ElMessage.success("鍒犻櫎鎴愬姛");
+ getList();
+ }).catch(() => {});
+}
+
+/** 鐘舵�佷慨鏀� */
+function handleStatusChange(row) {
+ let text = row.status === "0" ? "鍚敤" : "鍋滅敤";
+ ElMessage.confirm(`纭瑕�"${text}""${row.contractorName}"鎵垮寘鍟嗗悧?`).then(() => {
+ // 妯℃嫙鐘舵�佷慨鏀�
+ ElMessage.success(text + "鎴愬姛");
+ getList();
+ }).catch(() => {
+ row.status = row.status === "0" ? "1" : "0";
+ });
+}
+
+/** 閫夋嫨鏉℃暟 */
+function handleSelectionChange(selection) {
+ ids.value = selection.map((item) => item.contractorId);
+ single.value = selection.length != 1;
+ multiple.value = !selection.length;
+}
+
+/** 閲嶇疆鎿嶄綔琛ㄥ崟 */
+function reset() {
+ form.value = {
+ contractorId: undefined,
+ contractorName: undefined,
+ contactPerson: undefined,
+ contactPhone: undefined,
+ contactEmail: undefined,
+ address: undefined,
+ status: "0",
+ remark: undefined,
+ };
+}
+
+/** 鍙栨秷鎸夐挳 */
+function cancel() {
+ open.value = false;
+ reset();
+}
+
+/** 鏂板鎸夐挳鎿嶄綔 */
+function handleAdd() {
+ reset();
+ open.value = true;
+ title.value = "娣诲姞鎵垮寘鍟�";
+}
+
+/** 淇敼鎸夐挳鎿嶄綔 */
+function handleUpdate(row) {
+ reset();
+ const contractorId = row.contractorId || ids.value;
+ // 妯℃嫙鑾峰彇璇︽儏
+ const contractor = mockContractors.find(item => item.contractorId === contractorId);
+ if (contractor) {
+ form.value = { ...contractor };
+ open.value = true;
+ title.value = "淇敼鎵垮寘鍟�";
+ }
+}
+
+/** 鎻愪氦鎸夐挳 */
+function submitForm() {
+ // 妯℃嫙琛ㄥ崟楠岃瘉
+ const requiredFields = ['contractorName', 'contactPerson', 'contactPhone', 'address'];
+ const isInvalid = requiredFields.some(field => !form.value[field]);
+
+ if (isInvalid) {
+ ElMessage.error("璇峰～鍐欏繀濉瓧娈�");
+ return;
+ }
+
+ // 妯℃嫙鎻愪氦鎿嶄綔
+ ElMessage.success(title.value === "娣诲姞鎵垮寘鍟�" ? "鏂板鎴愬姛" : "淇敼鎴愬姛");
+ open.value = false;
+ getList();
+}
+
+// 妯℃嫙瀛楀吀鏁版嵁
+const sys_normal_disable = [
+ { value: "0", label: "姝ｅ父" },
+ { value: "1", label: "绂佺敤" },
+];
+
+onMounted(() => {
+ getList();
+});
+</script>
diff --git a/vite.config.js b/vite.config.js
index a6b1bc9..6821c23 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -8,8 +8,8 @@
const { VITE_APP_ENV } = env;
const baseUrl =
VITE_APP_ENV == "development"
- ? "http://127.0.0.1:7003" // 寮�鍙戠幆澧冨悗绔帴鍙�
- : "http://10.136.12.71:8016"; // 鐢熶骇鐜鍚庣鎺ュ彛
+ ? "http://127.0.0.1:8018" // 寮�鍙戠幆澧冨悗绔帴鍙�
+ : "http://10.136.12.71:8018"; // 鐢熶骇鐜鍚庣鎺ュ彛
return {
// 閮ㄧ讲鐢熶骇鐜鍜屽紑鍙戠幆澧冧笅鐨刄RL銆�
--
Gitblit v1.9.3