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 | 67 ++++++++++++++++++++++++++-------
1 files changed, 52 insertions(+), 15 deletions(-)
diff --git a/src/views/standardLibrary/index.vue b/src/views/standardLibrary/index.vue
index 7e0ba8b..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>
@@ -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>
@@ -327,7 +329,7 @@
spe_state: '',
voltageLevel: ''
}],
- formLabelWidth: '120',
+ formLabelWidth: '100px',
rulesStandard: {
standardnumber: [
{
@@ -417,6 +419,7 @@
// 璺宠浆浜у搧瑙勬牸璇︽儏椤�
this.$router.push(`/standardLibrary/SpecificationDetails/${row.id}`)
},
+ // 鑾峰彇褰撳墠瑙勬牸鐨勮id
getRowID(row) {
// console.log(row.id)
this.id = row.id
@@ -587,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%;
@@ -612,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