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