From 7379f2bcf71fe80d021eb7f2118991525e41ea7e Mon Sep 17 00:00:00 2001 From: luohairen <3399054449@qq.com> Date: 星期四, 26 十二月 2024 17:58:30 +0800 Subject: [PATCH] 新建项目中展示赋码和标签 --- src/views/projectEngineering/projectLibrary/component/BasicInfo.vue | 39 ++++++++++++++++++++++++++++++++++++++- 1 files changed, 38 insertions(+), 1 deletions(-) diff --git a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue index b08c10f..4c29669 100644 --- a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue +++ b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue @@ -14,7 +14,18 @@ </el-form-item> </el-col> <el-col :span="12" style="position: relative"> - <div style="width: 150px; position: absolute;"><img alt="" src="../../../../assets/images/s.png"/></div> + <div style="width: 100%; height: 100%; position: absolute;"> + <el-form-item class="item" label="璧嬬爜" label-width="50px" prop="coding"> + <template slot-scope="scope"> + <!-- <div class="yellow-dot" v-if="scope.row.coding === 'yellow'"></div>--> + <!-- <div class="green-dot" v-if="scope.row.coding === 'green'"></div>--> + <!-- <div class="red-dot" v-if="scope.row.coding === 'red'"></div>--> + <div class="red-dot"></div> + <tag-list></tag-list> + </template> + </el-form-item> + <!-- <img alt="" src="../../../../assets/images/s.png"/>--> + </div> </el-col> </el-row> <el-row :gutter="20"> @@ -294,6 +305,7 @@ <script> // import Upload from '@element-plus/icons-vue/dist/Upload.vue'; import Map from '@/views/components/Map/index.vue'; +import TagList from "./TagList.vue"; // import MapMouseEvent from '@/views/components/Map/types'; // import UploadStandard from '@/components/uploadStandard.vue'; // import { usePlanLibrary } from '@/hooks/detailsInformation'; @@ -309,6 +321,7 @@ , 'sys_administrative_divisions', 'sys_centralized_management', 'sys_approval_type', 'sys_key_categories', 'sys_annual_plan'], components: { Map, + TagList, // UploadStandard, // RemoteSelect }, @@ -574,4 +587,28 @@ width: 20px; } } + +.yellow-dot { + width: 10px; /* 鍦嗙偣鐨勫搴� */ + height: 10px; /* 鍦嗙偣鐨勯珮搴� */ + background-color: yellow; /* 鍦嗙偣鐨勯鑹� */ + border-radius: 50%; /* 浣垮厓绱犲彉鎴愬渾褰� */ + display: inline-block; /* 纭繚鍏冪礌鍙互鍜屽叾浠栧唴鑱斿厓绱犱竴璧锋樉绀� */ +} + +.red-dot { + width: 10px; /* 鍦嗙偣鐨勫搴� */ + height: 10px; /* 鍦嗙偣鐨勯珮搴� */ + background-color: red; /* 鍦嗙偣鐨勯鑹� */ + border-radius: 50%; /* 浣垮厓绱犲彉鎴愬渾褰� */ + display: inline-block; /* 纭繚鍏冪礌鍙互鍜屽叾浠栧唴鑱斿厓绱犱竴璧锋樉绀� */ +} + +.green-dot { + width: 10px; /* 鍦嗙偣鐨勫搴� */ + height: 10px; /* 鍦嗙偣鐨勯珮搴� */ + background-color: green; /* 鍦嗙偣鐨勯鑹� */ + border-radius: 50%; /* 浣垮厓绱犲彉鎴愬渾褰� */ + display: inline-block; /* 纭繚鍏冪礌鍙互鍜屽叾浠栧唴鑱斿厓绱犱竴璧锋樉绀� */ +} </style> -- Gitblit v1.8.0