|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div style="width: 100%;background-color: #F7F7F7;padding-top: 1%;display: flex;" :style="{'height':heightAll+'px'}">
|
|
|
- <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" style="margin-left: 1%;background-color: #F7F7F7;"/>
|
|
|
+ <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" style="margin-left: 1%;background-color: #F7F7F7;" default-expand-all/>
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
|
style="width: 91%;margin-left: 2%;margin-top: 0.5%;"
|
|
|
@@ -33,8 +33,34 @@
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
+ <el-dialog v-model="dialogVisible" title="" width="30%" @close="clearForm" destroy-on-close :key="tableKey">
|
|
|
+ <el-form :disabled="isEdit" style="margin-left: 5%;margin-top: 2%;" :model="formZu" class="demo-form-inline" ref="formRefZu" :rules="rulesZu">
|
|
|
+ <el-form-item label="字段名称:" prop="mirrorImageEurl" style="margin-left: -2%;">
|
|
|
+ <el-input v-model="formZu.mirrorImageEurl" style="width: 75%;" placeholder="" resize="none"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="英文名称:" prop="mirrorImageEurl" style="margin-left: -2%;">
|
|
|
+ <el-input v-model="formZu.mirrorImageEurl" style="width: 75%;" placeholder="" resize="none"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="字段数据项类型:" prop="mirrorImageEurl" style="margin-left: -2%;">
|
|
|
+ <el-input v-model="formZu.mirrorImageEurl" style="width: 75%;" placeholder="" resize="none"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="字段数据类型:" prop="mirrorImageEurl" style="margin-left: -2%;">
|
|
|
+ <el-input v-model="formZu.mirrorImageEurl" style="width: 75%;" placeholder="" resize="none"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="默认值:" prop="">
|
|
|
+ <el-input v-model="formZu.mirrorImageEurl" style="width: 75%;" placeholder="" resize="none"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="单位:" prop="">
|
|
|
+ <el-input v-model="formZu.mirrorImageEurl" style="width: 75%;" placeholder="" resize="none"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="备注:" prop="">
|
|
|
+ <el-input v-model="formZu.mirrorImageEurl" style="width: 75%;" placeholder="" resize="none"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-dialog>
|
|
|
</template>
|
|
|
<script setup>
|
|
|
+import { reactive } from 'vue'
|
|
|
const data = [
|
|
|
{
|
|
|
label: 'Level one 1',
|
|
|
@@ -96,6 +122,19 @@ const tableData = [
|
|
|
{name:'1'}
|
|
|
]
|
|
|
const heightAll = window.innerHeight
|
|
|
+const dialogVisible = ref(true)
|
|
|
+
|
|
|
+const formZu = ref({
|
|
|
+ mirrorImageEurl:'',
|
|
|
+ mdCPU:'',
|
|
|
+ mdGPU:''
|
|
|
+});
|
|
|
+const rulesZu = reactive({
|
|
|
+ mirrorImageEurl: [{ required: true, message: '必填', trigger: 'blur' }],
|
|
|
+ mdCPU: [{ required: true, message: '必填', trigger: 'blur' }],
|
|
|
+});
|
|
|
+const formRefZu = ref();
|
|
|
+
|
|
|
|
|
|
</script>
|
|
|
<style scoped>
|
