From c13670bb28b8e0c2b68974aa446cd6e98691ef39 Mon Sep 17 00:00:00 2001
From: yuyu <1981343953@qq.com>
Date: 星期五, 04 八月 2023 13:42:37 +0800
Subject: [PATCH] 导航栏，报检管理
---
src/views/standardLibrary/index.vue | 104 ++++++++++++++++++++++++++++------------------------
1 files changed, 56 insertions(+), 48 deletions(-)
diff --git a/src/views/standardLibrary/index.vue b/src/views/standardLibrary/index.vue
index ce6dac9..2d03597 100644
--- a/src/views/standardLibrary/index.vue
+++ b/src/views/standardLibrary/index.vue
@@ -14,6 +14,7 @@
:props="defaultProps"
default-expand-all
:filter-node-method="filterNode"
+ :render-content="renderContent"
@node-click="nodeClick"
/>
</div>
@@ -71,7 +72,7 @@
<el-tag
:type="scope.row.spe_state === 0 ? 'primary' : 'success'"
disable-transitions
- >{{ scope.row.spe_state === 0 ? '鏈悓鎰�' : '宸插悓鎰�' }}</el-tag>
+ >{{ scope.row.spe_state === 0 ? '宸插仠鐢�' : '宸插惎鐢�' }}</el-tag>
</template>
</el-table-column>
<el-table-column
@@ -90,12 +91,12 @@
placement="top"
width="30"
>
- <div @click=" getRowID(scope.row)" style="text-align: center; margin: 0">
+ <div style="text-align: center; margin: 0" @click=" getRowID(scope.row)">
<div>
- <el-button size="mini" @click="dialogFormVisible4=true" type="text">缂栬緫</el-button>
+ <el-button size="mini" type="text" @click="dialogFormVisible4=true">缂栬緫</el-button>
</div>
<div>
- <el-button size="mini" @click="dialogFormVisible5 = true" type="text">鍋滅敤</el-button>
+ <el-button size="mini" type="text" @click="dialogFormVisible5 = true">鍋滅敤</el-button>
</div>
</div>
<el-button slot="reference" type="text"><i class="el-icon-more" /></el-button>
@@ -107,18 +108,18 @@
<!-- 寮瑰嚭琛ㄥ崟椤� -->
<div>
<!-- 娣诲姞鏍囧噯 -->
- <el-dialog title="娣诲姞鏍囧噯" :visible.sync="dialogFormVisible1">
- <el-form ref="standardForm" :model="standardForm" :rules="rulesStandard">
- <el-form-item label="鏍囧噯鍙�" :label-width="formLabelWidth" prop="standardnumber">
+ <el-dialog title="娣诲姞鏍囧噯" :visible.sync="dialogFormVisible1" width="33%">
+ <el-form :model="standardForm" :rules="rulesStandard">
+ <el-form-item label="鏍囧噯鍙�" label-width="100px" prop="standardnumber">
<el-input v-model="standardForm.standardnumber" autocomplete="off" />
</el-form-item>
- <el-form-item label="鏍囧噯鍚嶇О" :label-width="formLabelWidth" prop="standardname">
+ <el-form-item label="鏍囧噯鍚嶇О" label-width="100px" prop="standardname">
<el-input v-model="standardForm.standardname" autocomplete="off" />
</el-form-item>
- <el-form-item label="鑻辨枃鍚嶇О" :label-width="formLabelWidth" prop="standardenname">
+ <el-form-item label="鑻辨枃鍚嶇О" label-width="100px" prop="standardenname">
<el-input v-model="standardForm.engname" autocomplete="off" />
</el-form-item>
- <el-form-item label="鐖剁骇鍒嗙被" :label-width="formLabelWidth">
+ <el-form-item label="鐖剁骇鍒嗙被" label-width="100px">
<el-select v-model="standardForm.type" placeholder="璇烽�夋嫨">
<el-option label="鍘熸潗鏂�" value="0" />
<el-option label="鐢电嚎鐢电紗" value="1" />
@@ -131,7 +132,7 @@
</div>
</el-dialog>
<!-- 娣诲姞鍨嬪彿 -->
- <el-dialog title="娣诲姞鍨嬪彿" :visible.sync="dialogFormVisible2">
+ <el-dialog title="娣诲姞鍨嬪彿" :visible.sync="dialogFormVisible2" width="30%">
<el-form ref="form" :model="modelForm" :rules="rulesModel">
<el-form-item label="鍨嬪彿" :label-width="formLabelWidth" prop="model">
<el-input v-model="modelForm.model" autocomplete="off" />
@@ -146,7 +147,7 @@
</div>
</el-dialog>
<!-- 娣诲姞瑙勬牸 -->
- <el-dialog title="娣诲姞瑙勬牸" :visible.sync="dialogFormVisible3">
+ <el-dialog title="娣诲姞瑙勬牸" :visible.sync="dialogFormVisible3" width="30%">
<el-form ref="form" :model="specificationForm" :rules="rulesspecification">
<el-form-item label="瑙勬牸鍚嶇О" :label-width="formLabelWidth" prop="name">
<el-input v-model="specificationForm.name" autocomplete="off" />
@@ -185,7 +186,7 @@
</div>
</el-dialog>
<!-- 缂栬緫瑙勬牸 -->
- <el-dialog title="缂栬緫瑙勬牸" :visible.sync="dialogFormVisible4">
+ <el-dialog title="缂栬緫瑙勬牸" :visible.sync="dialogFormVisible4" width="30%">
<el-form ref="form" :model="editSpeForm" :rules="rulesspecification">
<el-form-item label="瑙勬牸鍚嶇О" :label-width="formLabelWidth" prop="name">
<el-input v-model="editSpeForm.name" autocomplete="off" />
@@ -234,7 +235,8 @@
<el-dialog
title="鎻愮ず"
:visible.sync="dialogFormVisible5"
- width="30%">
+ width="30%"
+ >
<span>纭鍋滅敤鍚楋紵</span>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible5 = false">鍙� 娑�</el-button>
@@ -246,7 +248,7 @@
<!-- 鍒嗛〉鍣� -->
<el-pagination
:current-page="pageParams.pageNo"
- :page-sizes="[1, 2, 3, 4]"
+ :page-sizes="[10, 15, 20, 25]"
:page-size="pageParams.pageNo"
layout="total, sizes, prev, pager, next, jumper"
:total="pageParams.total"
@@ -284,42 +286,13 @@
keyword: ''
},
tableData: [
- {
- id: 2,
- name: 'AB',
- updateTime: '2023-07-12 00:00:12',
- username: '灏忓皬',
- vel: 'V1.0',
- spe_state: 1,
- visible: false
- },
- {
- id: 3,
- name: 'AB',
- updateTime: '2023-07-12 00:00:12',
- username: '灏忓皬',
- vel: 'V1.0',
- spe_state: 1,
- visible: false
-
- },
- {
- id: 4,
- name: 'AB',
- updateTime: '2023-07-12 00:00:12',
- username: '灏忓皬',
- vel: 'V1.0',
- spe_state: 1,
- visible: false
-
- }
],
oldtableData: [],
// 鍒嗛〉鍙傛暟
pageParams: {
pageNo: 1,
- pageSize: 1,
- total: 3
+ pageSize: 10,
+ total: 0
},
tablespecifications: [
],
@@ -356,7 +329,7 @@
spe_state: '',
voltageLevel: ''
}],
- formLabelWidth: '120',
+ formLabelWidth: '100px',
rulesStandard: {
standardnumber: [
{
@@ -446,6 +419,7 @@
// 璺宠浆浜у搧瑙勬牸璇︽儏椤�
this.$router.push(`/standardLibrary/SpecificationDetails/${row.id}`)
},
+ // 鑾峰彇褰撳墠瑙勬牸鐨勮id
getRowID(row) {
// console.log(row.id)
this.id = row.id
@@ -616,13 +590,37 @@
await updateSpeState({ id: this.rowId,
spe_state: '0' })
this.dialogFormVisible5 = false
+ },
+ renderContent(h, { node, data, store }) {
+ // console.log('data', data)
+ // console.log('node', node)
+ // 鍒ゆ柇鏄惁鏄埗鑺傜偣鎴栨枃浠跺す
+ const isFolder = ('children') in data
+ return (
+ <span>
+ {isFolder ? (
+ <i
+ class={node.expanded ? 'el-icon-folder-opened blue-folder' : 'el-icon-folder blue-folder'}
+ ></i>
+ ) : (
+ <i class='el-icon-document blue-folder'></i>
+ )}
+ <span> {data.label}</span>
+ </span>
+ )
}
}
}
</script>
<style lang="scss" scoped>
-
+// .dialogform {
+// transform: translate(-50%, -50%);
+// top: 50% !important;
+// left: 50% !important;
+// width: 1000px;
+// height: 800px;
+// }
.standard-library-main{
width: 100%;
height: 100%;
@@ -641,6 +639,16 @@
margin-right: 12px;
.el-tree {
// margin-top: 12px;
+ ::v-deep .el-tree-node__content{
+ height: 24px !important;
+ font-size: 16px;
+ display: inline-block !important;
+ padding: 2px;
+ color: #333;
+ .blue-folder{
+ color: rgb(64, 158, 255)
+ }
+ }
}
// .el-tree {
// margin-top: 12px;
--
Gitblit v1.9.3