From ecf3ad202a851caa39660ddfaa16e1bf16565b2e Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期一, 30 十月 2023 13:51:38 +0800
Subject: [PATCH] 图层管理修改

---
 src/views/layer/layerSet.vue |  185 +++++++++++++---------------------------------
 1 files changed, 53 insertions(+), 132 deletions(-)

diff --git a/src/views/layer/layerSet.vue b/src/views/layer/layerSet.vue
index 29d63d7..5e44712 100644
--- a/src/views/layer/layerSet.vue
+++ b/src/views/layer/layerSet.vue
@@ -19,30 +19,17 @@
           :expand-on-click-node="false"
           @node-click="handleNodeClick"
           ref="treeRef"
+          style="font-size: 16px"
         />
       </div>
     </div>
     <div class="edit_box">
       <div class="edit_box_btn btnstyle">
-        <el-button type="primary" :icon="Plus" @click="insertLayerData(1)"
-          >鏂板鍚岀骇</el-button
-        >
-        <el-button type="primary" :icon="Plus" @click="insertLayerData(2)"
-          >鏂板瀛愮骇</el-button
-        >
-        <el-button
-          type="primary"
-          :icon="Delete"
-          class="delbtn"
-          @click="delLayer"
-          >鍒犻櫎</el-button
-        >
-        <el-button type="primary" :icon="Top" @click="move(1)"
-          >鍚戜笂绉诲姩</el-button
-        >
-        <el-button type="primary" :icon="Bottom" @click="move(2)"
-          >鍚戜笅绉诲姩</el-button
-        >
+        <el-button type="primary" :icon="Plus" @click="insertLayerData(1)">鏂板鍚岀骇</el-button>
+        <el-button type="primary" :icon="Plus" @click="insertLayerData(2)">鏂板瀛愮骇</el-button>
+        <el-button type="primary" :icon="Delete" class="delbtn" @click="delLayer">鍒犻櫎</el-button>
+        <el-button type="primary" :icon="Top" @click="move(1)">鍚戜笂绉诲姩</el-button>
+        <el-button type="primary" :icon="Bottom" @click="move(2)">鍚戜笅绉诲姩</el-button>
       </div>
       <div class="edit_box_form">
         <el-form :model="formInline" label-width="120px">
@@ -60,46 +47,32 @@
               @click="setServiceChange('0')"
               key="0"
               :class="{ serviceActive: !serviceActive }"
-              >鍚�</el-button
-            >
+            >鍚�</el-button>
             <el-button
               size="small"
               class="serviceButton"
               @click="setServiceChange('1')"
               key="1"
               :class="{ serviceActive: serviceActive }"
-              >鏄�</el-button
-            >
+            >鏄�</el-button>
           </el-form-item>
 
           <el-form-item label="鍥惧眰鍚嶇О">
-            <el-input
-              v-model="formInline.cnName"
-              placeholder="璇疯緭鍏ュ浘灞傚悕绉�"
-            />
+            <el-input v-model="formInline.cnName" placeholder="璇疯緭鍏ュ浘灞傚悕绉�" />
           </el-form-item>
           <!-- 鏈嶅姟绫诲埆 -->
           <el-form-item v-show="formInline.isLayer == 1" label="鏈嶅姟绫诲埆">
-            <el-select
-              style="width: 100%"
-              v-model="formInline.category"
-              :disabled="serviceActive"
-            >
+            <el-select style="width: 100%" v-model="formInline.category" :disabled="serviceActive">
               <el-option
                 v-for="item in category_type"
                 :key="item.value"
                 :label="item.name"
                 :value="item.value"
-              >
-              </el-option>
+              ></el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="琛ㄥ悕绉�" v-show="formInline.category == 2">
-            <el-input
-              v-model="formInline.tab"
-              placeholder="璇疯緭鍏ヨ〃鍚嶇О"
-              :disabled="serviceActive"
-            />
+            <el-input v-model="formInline.tab" placeholder="璇疯緭鍏ヨ〃鍚嶇О" :disabled="serviceActive" />
           </el-form-item>
           <!-- 鏁版嵁绫诲瀷 -->
           <el-form-item v-show="formInline.isLayer == 1" label="鏁版嵁绫诲瀷">
@@ -114,24 +87,18 @@
                 :key="item.value"
                 :label="item.label"
                 :value="item.value"
-              >
-              </el-option>
+              ></el-option>
             </el-select>
           </el-form-item>
           <!-- 鏁版嵁绫诲瀷 -->
           <el-form-item v-show="formInline.isLayer == 1" label="鏈嶅姟绫诲瀷">
-            <el-select
-              style="width: 100%"
-              v-model="formInline.type"
-              :disabled="serviceActive"
-            >
+            <el-select style="width: 100%" v-model="formInline.type" :disabled="serviceActive">
               <el-option
                 v-for="item in dataType"
                 :key="item.value"
                 :label="item.label"
                 :value="item.value"
-              >
-              </el-option>
+              ></el-option>
             </el-select>
           </el-form-item>
 
@@ -168,23 +135,18 @@
               @click="setInsertServiceChange('0')"
               key="0"
               :class="{ serviceActive: !insertServiceActive }"
-              >鍚�</el-button
-            >
+            >鍚�</el-button>
             <el-button
               size="small"
               class="serviceButton"
               @click="setInsertServiceChange('1')"
               key="1"
               :class="{ serviceActive: insertServiceActive }"
-              >鏄�</el-button
-            >
+            >鏄�</el-button>
           </el-form-item>
 
           <el-form-item label="鍥惧眰鍚嶇О">
-            <el-input
-              v-model="insertData.cnName"
-              placeholder="璇疯緭鍏ュ浘灞傚悕绉�"
-            />
+            <el-input v-model="insertData.cnName" placeholder="璇疯緭鍏ュ浘灞傚悕绉�" />
           </el-form-item>
           <!-- 鏈嶅姟绫诲埆 -->
           <el-form-item v-show="insertData.isLayer == 1" label="鏈嶅姟绫诲埆">
@@ -198,8 +160,7 @@
                 :key="item.value"
                 :label="item.name"
                 :value="item.value"
-              >
-              </el-option>
+              ></el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="琛ㄥ悕绉�" v-show="insertData.category == 2">
@@ -222,8 +183,7 @@
                 :key="item.value"
                 :label="item.label"
                 :value="item.value"
-              >
-              </el-option>
+              ></el-option>
             </el-select>
           </el-form-item>
           <!-- 鏁版嵁绫诲瀷 -->
@@ -238,8 +198,7 @@
                 :key="item.value"
                 :label="item.label"
                 :value="item.value"
-              >
-              </el-option>
+              ></el-option>
             </el-select>
           </el-form-item>
 
@@ -252,16 +211,8 @@
           </el-form-item>
           <el-form-item>
             <div class="btnstyle editBtn">
-              <el-button type="primary" size="small" @click="added()"
-                >纭畾</el-button
-              >
-              <el-button
-                class="delbtn"
-                type="info"
-                size="small"
-                @click="submitCancel()"
-                >鍙栨秷</el-button
-              >
+              <el-button type="primary" size="small" @click="added()">纭畾</el-button>
+              <el-button class="delbtn" type="info" size="small" @click="submitCancel()">鍙栨秷</el-button>
             </div>
           </el-form-item>
         </el-form>
@@ -269,61 +220,30 @@
     </el-dialog>
     <el-dialog v-model="dialogService" width="50%" :show-close="false">
       <div style="width: 100%; max-height: 63vh; overflow-y: auto">
-        <div
-          style="display: flex; justify-content: space-between"
-          class="tableForm"
-        >
+        <div style="display: flex; justify-content: space-between" class="tableForm">
           <div>
             <el-input size="small" v-model="listData.name">
               <template #suffix>
-                <el-icon
-                  class="el-input__icon el-icon-search"
-                  @click="setServiceQuery"
-                  ><search
-                /></el-icon>
+                <el-icon class="el-input__icon el-icon-search" @click="setServiceQuery">
+                  <search />
+                </el-icon>
               </template>
             </el-input>
           </div>
           <div class="btnstyle">
-            <el-button type="info" size="small" @click="setServiceRest">
-              閲嶇疆
-            </el-button>
+            <el-button type="info" size="small" @click="setServiceRest">閲嶇疆</el-button>
 
-            <el-button type="primary" size="small" @click="setServiceConfirm">
-              纭
-            </el-button>
-            <el-button
-              type="info"
-              size="small"
-              @click="setServiceCanel"
-              class="delbtn"
-            >
-              鍙栨秷
-            </el-button>
+            <el-button type="primary" size="small" @click="setServiceConfirm">纭</el-button>
+            <el-button type="info" size="small" @click="setServiceCanel" class="delbtn">鍙栨秷</el-button>
           </div>
         </div>
         <el-table ref="multipleTable" :data="tableData" @select="selectChange">
-          <el-table-column type="selection" width="55"> </el-table-column>
-          <el-table-column
-            align="center"
-            type="index"
-            label="搴忓彿"
-            width="70px"
-          />
+          <el-table-column type="selection" width="55"></el-table-column>
+          <el-table-column align="center" type="index" label="搴忓彿" width="70px" />
           <el-table-column align="center" prop="cnName" label="璧勬簮鍚嶇О" />
 
-          <el-table-column
-            align="center"
-            prop="category"
-            label="鏈嶅姟绫诲瀷"
-            :formatter="setResCategory"
-          />
-          <el-table-column
-            align="center"
-            prop="type"
-            label="鏁版嵁绫诲瀷"
-            :formatter="setResType"
-          />
+          <el-table-column align="center" prop="category" label="鏈嶅姟绫诲瀷" :formatter="setResCategory" />
+          <el-table-column align="center" prop="type" label="鏁版嵁绫诲瀷" :formatter="setResType" />
         </el-table>
         <div class="pagination_box" style="margin-top: 15px">
           <el-pagination
@@ -334,8 +254,7 @@
             :page-size="listData.pageSize"
             layout="total, sizes, prev, pager, next, jumper"
             :total="listData.count"
-          >
-          </el-pagination>
+          ></el-pagination>
         </div>
       </div>
     </el-dialog>
@@ -545,7 +464,8 @@
       multipleSelection.value.proxy.indexOf("{token}") > -1
     ) {
       serviceUrl =
-        BASE_URL + multipleSelection.value.proxy.replaceAll("{token}", token);
+        config.BASE_URL +
+        multipleSelection.value.proxy.replaceAll("{token}", token);
     } else {
       serviceUrl = multipleSelection.value.url;
     }
@@ -606,7 +526,7 @@
   }
   addlocation = res;
 
-  // dialogVisible.value = true;
+  dialogVisible.value = true;
 };
 //淇敼閲嶇疆
 const updateRest = () => {
@@ -615,7 +535,9 @@
     formInline.value = res;
     formInline.value.isLayer = res.isLayer.toString();
 
-    formInline.value.status = res.status.toString();
+    if (formInline.value.status) {
+      formInline.value.status = res.status.toString();
+    }
   }
   dialogVisible.value = false;
   // this.formInline.isProject = res.isProject.toString();
@@ -685,9 +607,7 @@
   data: Tree,
   checked: boolean,
   indeterminate: boolean
-) => {
-  console.log(data, checked, indeterminate);
-};
+) => {};
 const onSubmit = () => {
   if (!checkedStaste) {
     return ElMessage.warning("璇峰厛鐐瑰嚮閫変腑鐩稿簲鍥惧眰");
@@ -700,9 +620,6 @@
   copyNode.nextSibling = { ...node.nextSibling };
   copyNode.parent = { ...node.parent };
 
-  // console.log(1111111111111, copyNode.previousSibling);
-  // console.log(2222222222222, copyNode.nextSibling);
-  // console.log(3333333333333, copyNode.parent);
   if (Object.keys(copyNode.previousSibling).length !== 0) {
     // 鍒犻櫎鍘熷厛鐨刵ode
     treeRef.value.remove(node.data);
@@ -735,8 +652,6 @@
 
 // 澶勭悊鑺傜偣鐐瑰嚮浜嬩欢
 function handleNodeClick(data: any) {
-  console.log(data);
-
   if (data.id === selectedNodeId.value) {
     // 濡傛灉褰撳墠鑺傜偣宸茬粡閫変腑锛屽垯鍙栨秷閫変腑
     selectedNodeId.value = null;
@@ -749,7 +664,8 @@
     backUpData.value = JSON.stringify(data);
     // this.currentData = JSON.stringify(result)
     formInline.value = JSON.parse(backUpData.value);
-    formInline.value.isLayer = data.isLayer.toString();
+    debugger;
+    formInline.value.isLayer = parseInt(data.isLayer) == 0 ? "0" : "1";
     if (data.resid && data.resid > 0) {
       serviceActive.value = true;
     } else {
@@ -761,7 +677,7 @@
     } else if (serviceActive.value) {
       var token = getToken();
       if (data.url.indexOf("{token}") > -1) {
-        url = BASE_URL + data.url.replaceAll("{token}", token);
+        url = config.BASE_URL + data.url.replaceAll("{token}", token);
       } else {
         url = data.url;
       }
@@ -776,7 +692,7 @@
     id += Math.floor(Math.random() * 10);
   }
   var addObj = {
-    isLayer: insertData.value.isLayer.toString(),
+    isLayer: parseInt(insertData.value.isLayer),
     id: id,
     cnName: insertData.value.cnName,
     url: insertData.value.serviceUrl,
@@ -786,7 +702,7 @@
     tab: insertData.value.tab, //Geoserver 鍚嶇О锛�
     category: insertData.value.category, //鏈嶅姟绫诲埆 Geoserver , 1 GisServer 2 GeoServer 3鏁扮畝
   };
-
+  debugger;
   if (addlocation == 1) {
     //鏂板鍚岀骇
     treeRef.value.insertAfter(addObj, treeRef.value.getNode(selectedObj.value));
@@ -937,7 +853,7 @@
       align-items: center;
 
       .titleLable {
-        font-size: 24px;
+        font-size: 18px;
         font-family: Source Han Sans CN;
         font-weight: 400;
         color: #ffffff;
@@ -957,6 +873,11 @@
     height: 92%;
     overflow: auto;
   }
+
+  /deep/.el-tree-node__content {
+    font-size: 16px;
+  }
+
   .layerContent::-webkit-scrollbar {
     width: 8px;
   }

--
Gitblit v1.9.3