fix: 隐藏架构视图配置编辑下的元素关系,隐藏架构元素关系管理下的表格和新增

‘july-fu’
Commit 3af912bd authored Apr 18, 2024 by ‘july-fu’
Showing with 583 additions and 936 deletions
src/views/archiEleRela/index.vue
src/views/archiViewConfig/index.vue
--- a/src/views/archiEleRela/index.vue
+++ b/src/views/archiEleRela/index.vue
@@ -5,154 +5,72 @@
        <div class="search_menu_item_container">
          <div class="search_menu_item">
            <span class="search_title">元素关系名称</span>
-            <el-input
+            <el-input v-model="params.rsName" placeholder="请输入内容" class="search_item"></el-input>
-              v-model="params.rsName"
-              placeholder="请输入内容"
-              class="search_item"
-            ></el-input>
          </div>
          <div class="search_menu_item">
            <span class="search_title">适用范围</span>
-            <el-select
+            <el-select v-model="params.scope" placeholder="请选择" clearable class="search_item">
-              v-model="params.scope"
+              <el-option v-for="(item, idnex) in search_select1" :key="idnex" :label="item.label"
-              placeholder="请选择"
+                :value="item.value"></el-option>
-              clearable
-              class="search_item"
-            >
-              <el-option
-                v-for="(item, idnex) in search_select1"
-                :key="idnex"
-                :label="item.label"
-                :value="item.value"
-              ></el-option>
            </el-select>
          </div>
          <div class="search_menu_item">
            <span class="search_title">状态</span>
-            <el-select
+            <el-select v-model="params.state" placeholder="请选择" clearable class="search_item">
-              v-model="params.state"
+              <el-option v-for="(item, idnex) in stateList" :key="idnex" :label="item.label"
-              placeholder="请选择"
+                :value="item.value"></el-option>
-              clearable
-              class="search_item"
-            >
-              <el-option
-                v-for="(item, idnex) in stateList"
-                :key="idnex"
-                :label="item.label"
-                :value="item.value"
-              ></el-option>
            </el-select>
          </div>
        </div>
        <div class="search_menu_btn_container">
          <div class="query_btn" @click="getList">
-            <img
+            <img class="btn_icon" src="@/assets/archi-ele-list/search.png" alt="" />
-              class="btn_icon"
-              src="@/assets/archi-ele-list/search.png"
-              alt=""
-            />
            <p>查询</p>
          </div>
          <div class="reset_btn" @click="reset">
-            <img
+            <img class="btn_icon" src="@/assets/archi-ele-list/reset.png" alt="" />
-              class="btn_icon"
-              src="@/assets/archi-ele-list/reset.png"
-              alt=""
-            />
            <p>重置</p>
          </div>
        </div>
      </div>
      <div class="search_btn">
        <div class="add_btn" @click="operate('add')">
-          <img
+          <img class="btn_icon" src="@/assets/archi-ele-list/create.png" alt="" />
-            class="btn_icon"
-            src="@/assets/archi-ele-list/create.png"
-            alt=""
-          />
          <p>新建</p>
        </div>
        <div class="version_btn" @click="operate('pushAll')">
-          <img
+          <img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
-            class="btn_icon"
-            src="@/assets/archi-ele-list/version.png"
-            alt=""
-          />
          <p>版本发布</p>
        </div>
      </div>
-      <el-table
+      <el-table :data="tableData" stripe border v-loading="loading" @selection-change="handleSelectionChange"
-        :data="tableData"
+        height="450">
-        stripe
+        <el-table-column type="selection" width="55" :selectable="selectInit"></el-table-column>
-        border
+        <el-table-column type="index" label="序号" width="80" :index="indexMethod" align="center"></el-table-column>
-        v-loading="loading"
+        <el-table-column prop="rsName" label="元素关系名称" align="center"></el-table-column>
-        @selection-change="handleSelectionChange"
+        <el-table-column prop="content" label="关系描述" align="center"></el-table-column>
-        height="450"
-      >
-        <el-table-column
-          type="selection"
-          width="55"
-          :selectable="selectInit"
-        ></el-table-column>
-        <el-table-column
-          type="index"
-          label="序号"
-          width="80"
-          :index="indexMethod"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="rsName"
-          label="元素关系名称"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="content"
-          label="关系描述"
-          align="center"
-        ></el-table-column>
        <el-table-column label="图标" align="center" width="100">
          <template slot-scope="scope">
            <div class="tableIcon">
-              <img
+              <img class="iconItem" v-if="scope.row.iconId == 'img1'"
-                class="iconItem"
-                v-if="scope.row.iconId == 'img1'"
                src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MnB4IiBoZWlnaHQ9IjUycHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA1MiA1MiIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjE5OjIzLjA5OFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7TWExc3VrNTRDTl84QVd0UE9Da0smcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paUExic01nRUVXL3hzdEt0a2thZDltazZXTlJLV3FrdEZ0a0pqWXFaaUtNOCtqWEZ4Y3dKbGFrcnN3Y1p1NHdGNXlRVlhOK1VmUlF2eU1Ea2VRcE95ZmtLY256YkphbjV0T1RpeVdMckxDZ1VweTVwQUMyL0FjY2RIVlZ4eG0wVWFKR0ZKb2ZZbGlpbEZEcWlGR2w4QlNuN1ZIRVhRKzBnZ25ZbGxSTTZTZG51cmEweUJlQnZ3S3ZhdDg1dTMrd093MzF5VzZTdHFZTVR5TkUxZ2xaS1VSdFY4MTVCYUkzei90aTY1NXY3QTRIVXlEMWZ3cStPckpmN2xTN2UydXoyV2JlZml6VTk1MVRPVkxSdVlIZFlmWEZPd0NTUGZaR21raWlOSEJaNjBhWUtETkxoWjFrMEhkSVRXUnJnVTBzRFdmTWhzbk5rd0ZzUUt1TFNUa0ZiK2ZPcjNwa3EyY0tCTlg4R010VGQ4WFZJRGQwMkNBM2pmUFVQY2NaY1RydU1SSWZlNGtXTzFXQ3F4cDdlUzFVeEVKNWNTV2txYXBBVDRUTVlqUjJRSDlYNWNQd0pHeDYrTEhJK2hjPSZsdDsvZGlhZ3JhbSZndDsmbHQ7L214ZmlsZSZndDsiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjU1LCAyNTUsIDI1NSk7Ij48ZGVmcy8+PGc+PHBhdGggZD0iTSAwIDUwIEwgNTAgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjwvZz48L3N2Zz4="
-                alt=""
+                alt="" />
-              />
+              <img class="iconItem" v-if="scope.row.iconId == 'img2'"
-              <img
-                class="iconItem"
-                v-if="scope.row.iconId == 'img2'"
                src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2NnB4IiBoZWlnaHQ9IjY2cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA2NiA2NiIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjM5OjA3LjU5OFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7UHhDRmVJa2xpVm1XdnBXbVdUN1gmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paTk5iNE13RElaL0RjZEpRT2hLajJ2WGZSd21WYXZVN1JvUkY2SUZYQ1dodFB2MUMwc2dwR2pTVGlSUDdOZnhHeE9SVFgxNWx2UlV2U0VERWFVeHUwVGtNVXJUSkV0ajgrbkoxWkpsa2x0UVNzNWNrQWQ3L2cwT3VyeXk1UXhVRUtnUmhlYW5FQmJZTkZEb2dGRXBzUXZEamlqQ3FpZGF3Z3pzQ3lybTlJTXpYVm1hcDB2UFg0Q1gxVkE1dVYvWms1b093YTRUVlZHRzNRU1JiVVEyRWxIYlZYM1pnT2pORzN5eGVVOS9uSTRYazlEby95Ujh0dVM0UGtoMWVGVkp0bHVvOTZYOHVuTnRuS2xvWGNQdXN2bzZPQUFOZStpTk5MdENVS1Y0RVpGMXBXdGhRR0tXRXR1R1FWOGtOanViRG16bXFyOW1Nalp2cGdhd0JpMnZKcVR6OWk2Y1pkWEUyWUZKRUZUemN5aFAzU3VYbzl4WVlZZmNGRTVqTjVFa2R6cHVIc2txRGlVVXRySUFselcxODBZb0l6ZEMyWTJRcHJJRVBSTXlpMG5iSHYyKzFyRDFVMkhEL2I5RnRqOD0mbHQ7L2RpYWdyYW0mZ3Q7Jmx0Oy9teGZpbGUmZ3Q7IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PGRlZnMvPjxnPjxwYXRoIGQ9Ik0gNyA1NyBMIDUyLjUgMTEuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjxwYXRoIGQ9Ik0gNTYuMjEgNy43OSBMIDUzLjczIDE1LjIyIEwgNTIuNSAxMS41IEwgNDguNzggMTAuMjcgWiIgZmlsbD0icmdiKDAsIDAsIDApIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PC9nPjwvc3ZnPg=="
-                alt=""
+                alt="" />
-              />
+              <img class="iconItem" v-if="scope.row.iconId == 'img3'"
-              <img
-                class="iconItem"
-                v-if="scope.row.iconId == 'img3'"
                src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2OHB4IiBoZWlnaHQ9IjY4cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA2OCA2OCIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjM3OjExLjE3MlomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7cGJJZGhlY29zS293VWFCWmJKWksmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paUExic01nRUVXL3hzdEtOamh4dW16UzlMR29GRFZTMmkweUV4c1Ztd2h3SHYzNjRnTEcyS3JVbGVFd2MyZTRqQk84YWE3UGtwenFOMEdCSnlpbDF3US9KZ2hsT1VyTnB5YzNTNHBzWlVFbEdYVkJBZXpaTnpqbzhxcU9VVkJSb0JhQ2EzYUtZU25hRmtvZE1TS2x1TVJoUjhIanFpZFN3UXpzUzhMbjlJTlJYVnU2UWtYZ0w4Q3EybGZPbHZmMnBDRSsyTjFFMVlTS3l3amhiWUkzVWdodFY4MTFBN3czei90aTg1NytPQjBhazlEcS95Ujhkdmk0UGtoMWVGVlp2bHVvOTBKKzNTMnR5cG53emwzWU5hdHYzZ0ZvNlVOdnBObVZuQ2pGeWdTdmxTWlN6M0d0RzI1QVpwWlNkQzJGdm5acWRsWVY2TXpzMEgwMmVHS0dDVVFEV3Q1TXlDVzR2bkJPMWlQRFBaUEFpV2JuV0o2NHg2OEd1YUhDVGpCVEdLVnVVTEhYY1dPS2l6U1dVS0tUSmJpc3Njc1RvVHlkQ0tHSmtER3VBajBUTW92UnRRUDZmVVMvRGNOaXc4TXZoN2MvJmx0Oy9kaWFncmFtJmd0OyZsdDsvbXhmaWxlJmd0OyIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjxkZWZzLz48Zz48cGF0aCBkPSJNIDEyLjUgNTMuNSBMIDUzLjUgMTIuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjxwYXRoIGQ9Ik0gOC43OSA1Ny4yMSBMIDExLjI3IDQ5Ljc4IEwgMTIuNSA1My41IEwgMTYuMjIgNTQuNzMgWiIgZmlsbD0icmdiKDAsIDAsIDApIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PHBhdGggZD0iTSA1Ny4yMSA4Ljc5IEwgNTQuNzMgMTYuMjIgTCA1My41IDEyLjUgTCA0OS43OCAxMS4yNyBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+"
-                alt=""
+                alt="" />
-              />
+              <img class="iconItem" v-if="scope.row.iconId == 'img4'"
-              <img
-                class="iconItem"
-                v-if="scope.row.iconId == 'img4'"
                src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI3MHB4IiBoZWlnaHQ9IjcwcHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA3MCA3MCIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjQ5OjMwLjMzMVomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7NXJ5Y1k5X2pldUVsOGJVemhNck4mcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paTmJiNEl3Rk1jL0RZOUxnT0prajFQWjVXR0ptWW5iYTBlUDBLeHdURnRFL2ZRcnRseXFNZGtUUGIrZTY3K0hnQ3lyNDZ1aysvSURHWWdnRHRreElLc2dqcU1rRHMybkl5ZEw1bEZxUVNFNWMwNGoyUEF6T09qaWlvWXpVSjZqUmhTYTczMllZMTFEcmoxR3BjVFdkOXVoOEt2dWFRRTNZSk5UY1V1L09OT2xwV2s4SC9rYjhLTHNLMGVQVC9hbW9yMnptMFNWbEdFN1FTUUx5RklpYW51cWprc1FuWGk5TGpidTVjN3QwSmlFV3Y4bjRMc2h1OFZXcXUyN2lwTDFUSDNPNWU5REwvT0Jpc1pON0xyVnAxNENZRVlSWjRMNHdUWWJ3ZUlDekVXSmtwK3gxbFIwc0diUG5mYUc1NElxeFhNRFMxMlp1MVZram5rakQ5QzFGUnBEWWxPendUS2hiZ2xTWXlsTnBaN1l0cmV1b2JzaVJJTzBaaWNCSzlEeVpGemE4ZkZtYnVaeThtNDlreUNvNWdjL1BYVTdWQXpwaGdwcjVLWndITHA5VDBLWHgyMTdRa0kvaGNKRzV1Q2lwbzkxbldqbUp5THBWU0lqVEFINkpwRTVUTVllMFdVWGVuUGNPZXMrL3Jrayt3TT0mbHQ7L2RpYWdyYW0mZ3Q7Jmx0Oy9teGZpbGUmZ3Q7IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PGRlZnMvPjxnPjxwYXRoIGQ9Ik0gOSA1OSBMIDM0IDU5IEwgMzQgOSBMIDUxLjEzIDkiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJzdHJva2UiLz48cGF0aCBkPSJNIDU3Ljg4IDkgTCA0OC44OCAxMy41IEwgNTEuMTMgOSBMIDQ4Ljg4IDQuNSBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+"
-                alt=""
+                alt="" />
-              />
+              <img class="iconItem" v-if="scope.row.iconId == 'img5'"
-              <img
-                class="iconItem"
-                v-if="scope.row.iconId == 'img5'"
                src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjU1cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA1MCA1NSIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjQ5OjU1LjkzMFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7ZUhTUFRhNXk3YzA4NzVubFRrRlUmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2pWUExib013RVB3YWpwVXdKazF5Yk5MMGNhZ1VOVkxhcTRVM1lOVmdaSnNrOU90cllodHdVS0tlOEk1blozZkhTNFRYNWZsVmtycjRFQlI0bE1UMEhPSG5LRWxRbXNUbTB5R3RSZVpvWVlGY011cElBN0JqditCQWw1YzNqSUlLaUZvSXJsa2RncG1vS3NoMGdCRXB4U21rSFFRUHE5WWtod213eXdpZm9sK002c0tpaTJRKzRHL0E4c0pYUm85TGUxTVNUM2FUcUlKUWNScEJlQlBodFJSQzIxTjVYZ1B2elBPKzJMeVhHN2Q5WXhJcS9aK0U3d1lmVm51cDl1OEtwZHVaK3B6TG53ZmtaSTZFTjI1aTE2MXV2UVZaSTQvUWlhQUlyNkNpVDUydEpzdzRVWXBsQml4MHlkMjlGRTFGTCt6WVJGWUw2TVRqb1duVVcyRjJDRVFKV3JhR2Nock1uamtEaTVIUEhwUEFpV2JIVUo2NE44OTd1YjdDVmpCVE9JbmRmdUtGMDNIYmlaZHhLS0ZFSXpOd1dXTnpyNFJTZkNXVVhnbHBJblBRRXlIakpXbEh0TG9qcU5zTlQrb3M0N3Q5VFFaTUE3NDUyQTU4TkhxREFib3NrZytIaGJYMDRiZkhtejg9Jmx0Oy9kaWFncmFtJmd0OyZsdDsvbXhmaWxlJmd0OyIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjxkZWZzLz48Zz48cGF0aCBkPSJNIDAgNTQgUSA1MCA1NCAyNSAyOSBRIDAgNCA0My42MyA0IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0ic3Ryb2tlIi8+PHBhdGggZD0iTSA0OC44OCA0IEwgNDEuODggNy41IEwgNDMuNjMgNCBMIDQxLjg4IDAuNSBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+"
-                alt=""
+                alt="" />
-              />
            </div>
          </template>
        </el-table-column>
-        <el-table-column
+        <el-table-column prop="version" label="版本" width="250" align="center"></el-table-column>
-          prop="version"
-          label="版本"
-          width="250"
-          align="center"
-        ></el-table-column>
        <el-table-column prop="state" label="状态" width="150" align="center">
          <template slot-scope="scope">
            <span>{{ dicObj.state[scope.row.state] }}</span>
@@ -160,95 +78,45 @@
        </el-table-column>
        <el-table-column label="操作" width="450" align="center">
          <template slot-scope="scope">
-            <div
+            <div style="
-              style="
                display: flex;
                align-items: center;
                justify-content: center;
-              "
+              ">
-            >
+              <el-button type="primary" icon="el-icon-view" size="mini"
-              <el-button
+                @click="operate('view', scope.row)">查看</el-button>
-                type="primary"
+              <el-button type="primary" icon="el-icon-edit" size="mini" @click="operate('edit', scope.row)"
-                icon="el-icon-view"
+                :disabled="scope.row.state == 1">编辑</el-button>
-                size="mini"
+              <el-button type="primary" icon="el-icon-upload2" size="mini" @click="operate('pushEdit', scope.row)"
-                @click="operate('view', scope.row)"
+                :disabled="scope.row.state == 1">发布</el-button>
-                >查看</el-button
+              <el-button class="tingYong_btn" icon="el-icon-remove-outline" size="mini"
-              >
+                @click="operate('stop', scope.row)" :disabled="scope.row.state != 1">停用</el-button>
-              <el-button
+              <el-button class="shanChu_btn" icon="el-icon-delete" size="mini" @click="operate('del', scope.row)"
-                type="primary"
+                :disabled="scope.row.state != 2">删除</el-button>
-                icon="el-icon-edit"
-                size="mini"
-                @click="operate('edit', scope.row)"
-                :disabled="scope.row.state == 1"
-                >编辑</el-button
-              >
-              <el-button
-                type="primary"
-                icon="el-icon-upload2"
-                size="mini"
-                @click="operate('pushEdit', scope.row)"
-                :disabled="scope.row.state == 1"
-                >发布</el-button
-              >
-              <el-button
-                class="tingYong_btn"
-                icon="el-icon-remove-outline"
-                size="mini"
-                @click="operate('stop', scope.row)"
-                :disabled="scope.row.state != 1"
-                >停用</el-button
-              >
-              <el-button
-                class="shanChu_btn"
-                icon="el-icon-delete"
-                size="mini"
-                @click="operate('del', scope.row)"
-                :disabled="scope.row.state != 2"
-                >删除</el-button
-              >
            </div>
          </template>
        </el-table-column>
      </el-table>
-      <el-pagination
+      <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
-        background
+        :current-page="page.current" :page-sizes="page.sizes" :page-size="page.size"
-        @size-change="handleSizeChange"
+        layout="total, sizes, prev, pager, next, jumper" :total="page.total">
-        @current-change="handleCurrentChange"
-        :current-page="page.current"
-        :page-sizes="page.sizes"
-        :page-size="page.size"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="page.total"
-      >
      </el-pagination>
    </div>
-    <el-dialog
+    <el-dialog :title="title" :visible.sync="add_dialog" :center="false" class="dialog1" :close-on-click-modal="false"
-      :title="title"
+      width="60%">
-      :visible.sync="add_dialog"
-      :center="false"
-      class="dialog1"
-      :close-on-click-modal="false"
-      width="60%"
-    >
      <div class="add_dialog_content">
        <el-form :model="formData" :rules="rules" ref="relaForm">
          <div class="form_item_container">
            <el-form-item class="cross1" label="元素关系名称:" prop="rsName">
-              <el-input v-model="formData.rsName" maxlength="100" :disabled="title == '查看元素关系' ? true : false"></el-input>
+              <el-input v-model="formData.rsName" maxlength="100"
+                :disabled="title == '查看元素关系' ? true : false"></el-input>
            </el-form-item>
            <el-form-item class="cross1" label="描述:" prop="content">
-              <el-input
+              <el-input type="textarea" :rows="3" maxlength="200" show-word-limit placeholder="请输入内容"
-                type="textarea"
+                class="dialog_form_item_content" :disabled="title == '查看元素关系' ? true : false"
-                :rows="3"
+                v-model="formData.content"></el-input>
-                maxlength="200"
-                show-word-limit
-                placeholder="请输入内容"
-                class="dialog_form_item_content"
-                :disabled="title == '查看元素关系' ? true : false"
-                v-model="formData.content"
-              ></el-input>
            </el-form-item>
          </div>
        </el-form>
@@ -259,39 +127,29 @@
          <div>
            <div class="dialog_form_item3_content1">
              <el-radio v-model="formData.iconId" label="img1" :disabled="title == '查看元素关系' ? true : false">
-                <img
+                <img class="tu_biao_icon2 srcimg1"
-                  class="tu_biao_icon2 srcimg1"
                  src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MnB4IiBoZWlnaHQ9IjUycHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA1MiA1MiIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjE5OjIzLjA5OFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7TWExc3VrNTRDTl84QVd0UE9Da0smcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paUExic01nRUVXL3hzdEt0a2thZDltazZXTlJLV3FrdEZ0a0pqWXFaaUtNOCtqWEZ4Y3dKbGFrcnN3Y1p1NHdGNXlRVlhOK1VmUlF2eU1Ea2VRcE95ZmtLY256YkphbjV0T1RpeVdMckxDZ1VweTVwQUMyL0FjY2RIVlZ4eG0wVWFKR0ZKb2ZZbGlpbEZEcWlGR2w4QlNuN1ZIRVhRKzBnZ25ZbGxSTTZTZG51cmEweUJlQnZ3S3ZhdDg1dTMrd093MzF5VzZTdHFZTVR5TkUxZ2xaS1VSdFY4MTVCYUkzei90aTY1NXY3QTRIVXlEMWZ3cStPckpmN2xTN2UydXoyV2JlZml6VTk1MVRPVkxSdVlIZFlmWEZPd0NTUGZaR21raWlOSEJaNjBhWUtETkxoWjFrMEhkSVRXUnJnVTBzRFdmTWhzbk5rd0ZzUUt1TFNUa0ZiK2ZPcjNwa3EyY0tCTlg4R010VGQ4WFZJRGQwMkNBM2pmUFVQY2NaY1RydU1SSWZlNGtXTzFXQ3F4cDdlUzFVeEVKNWNTV2txYXBBVDRUTVlqUjJRSDlYNWNQd0pHeDYrTEhJK2hjPSZsdDsvZGlhZ3JhbSZndDsmbHQ7L214ZmlsZSZndDsiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjU1LCAyNTUsIDI1NSk7Ij48ZGVmcy8+PGc+PHBhdGggZD0iTSAwIDUwIEwgNTAgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjwvZz48L3N2Zz4="
-                  alt=""
+                  alt="" />
-                />
              </el-radio>
              <el-radio v-model="formData.iconId" label="img2" :disabled="title == '查看元素关系' ? true : false">
-                <img
+                <img class="tu_biao_icon2 srcimg2"
-                  class="tu_biao_icon2 srcimg2"
                  src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2NnB4IiBoZWlnaHQ9IjY2cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA2NiA2NiIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjM5OjA3LjU5OFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7UHhDRmVJa2xpVm1XdnBXbVdUN1gmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paTk5iNE13RElaL0RjZEpRT2hLajJ2WGZSd21WYXZVN1JvUkY2SUZYQ1dodFB2MUMwc2dwR2pTVGlSUDdOZnhHeE9SVFgxNWx2UlV2U0VERWFVeHUwVGtNVXJUSkV0ajgrbkoxWkpsa2x0UVNzNWNrQWQ3L2cwT3VyeXk1UXhVRUtnUmhlYW5FQmJZTkZEb2dGRXBzUXZEamlqQ3FpZGF3Z3pzQ3lybTlJTXpYVm1hcDB2UFg0Q1gxVkE1dVYvWms1b093YTRUVlZHRzNRU1JiVVEyRWxIYlZYM1pnT2pORzN5eGVVOS9uSTRYazlEby95Ujh0dVM0UGtoMWVGVkp0bHVvOTZYOHVuTnRuS2xvWGNQdXN2bzZPQUFOZStpTk5MdENVS1Y0RVpGMXBXdGhRR0tXRXR1R1FWOGtOanViRG16bXFyOW1Nalp2cGdhd0JpMnZKcVR6OWk2Y1pkWEUyWUZKRUZUemN5aFAzU3VYbzl4WVlZZmNGRTVqTjVFa2R6cHVIc2txRGlVVXRySUFselcxODBZb0l6ZEMyWTJRcHJJRVBSTXlpMG5iSHYyKzFyRDFVMkhEL2I5RnRqOD0mbHQ7L2RpYWdyYW0mZ3Q7Jmx0Oy9teGZpbGUmZ3Q7IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PGRlZnMvPjxnPjxwYXRoIGQ9Ik0gNyA1NyBMIDUyLjUgMTEuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjxwYXRoIGQ9Ik0gNTYuMjEgNy43OSBMIDUzLjczIDE1LjIyIEwgNTIuNSAxMS41IEwgNDguNzggMTAuMjcgWiIgZmlsbD0icmdiKDAsIDAsIDApIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PC9nPjwvc3ZnPg=="
-                  alt=""
+                  alt="" />
-                />
              </el-radio>
              <el-radio v-model="formData.iconId" label="img3" :disabled="title == '查看元素关系' ? true : false">
-                <img
+                <img class="tu_biao_icon2 srcimg3"
-                  class="tu_biao_icon2 srcimg3"
                  src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2OHB4IiBoZWlnaHQ9IjY4cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA2OCA2OCIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjM3OjExLjE3MlomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7cGJJZGhlY29zS293VWFCWmJKWksmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paUExic01nRUVXL3hzdEtOamh4dW16UzlMR29GRFZTMmkweUV4c1Ztd2h3SHYzNjRnTEcyS3JVbGVFd2MyZTRqQk84YWE3UGtwenFOMEdCSnlpbDF3US9KZ2hsT1VyTnB5YzNTNHBzWlVFbEdYVkJBZXpaTnpqbzhxcU9VVkJSb0JhQ2EzYUtZU25hRmtvZE1TS2x1TVJoUjhIanFpZFN3UXpzUzhMbjlJTlJYVnU2UWtYZ0w4Q3EybGZPbHZmMnBDRSsyTjFFMVlTS3l3amhiWUkzVWdodFY4MTFBN3czei90aTg1NytPQjBhazlEcS95Ujhkdmk0UGtoMWVGVlp2bHVvOTBKKzNTMnR5cG53emwzWU5hdHYzZ0ZvNlVOdnBObVZuQ2pGeWdTdmxTWlN6M0d0RzI1QVpwWlNkQzJGdm5acWRsWVY2TXpzMEgwMmVHS0dDVVFEV3Q1TXlDVzR2bkJPMWlQRFBaUEFpV2JuV0o2NHg2OEd1YUhDVGpCVEdLVnVVTEhYY1dPS2l6U1dVS0tUSmJpc3Njc1RvVHlkQ0tHSmtER3VBajBUTW92UnRRUDZmVVMvRGNOaXc4TXZoN2MvJmx0Oy9kaWFncmFtJmd0OyZsdDsvbXhmaWxlJmd0OyIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjxkZWZzLz48Zz48cGF0aCBkPSJNIDEyLjUgNTMuNSBMIDUzLjUgMTIuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjxwYXRoIGQ9Ik0gOC43OSA1Ny4yMSBMIDExLjI3IDQ5Ljc4IEwgMTIuNSA1My41IEwgMTYuMjIgNTQuNzMgWiIgZmlsbD0icmdiKDAsIDAsIDApIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PHBhdGggZD0iTSA1Ny4yMSA4Ljc5IEwgNTQuNzMgMTYuMjIgTCA1My41IDEyLjUgTCA0OS43OCAxMS4yNyBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+"
-                  alt=""
+                  alt="" />
-                />
              </el-radio>
              <el-radio v-model="formData.iconId" label="img4" :disabled="title == '查看元素关系' ? true : false">
-                <img
+                <img class="tu_biao_icon2 srcimg4"
-                  class="tu_biao_icon2 srcimg4"
                  src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI3MHB4IiBoZWlnaHQ9IjcwcHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA3MCA3MCIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjQ5OjMwLjMzMVomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7NXJ5Y1k5X2pldUVsOGJVemhNck4mcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paTmJiNEl3Rk1jL0RZOUxnT0prajFQWjVXR0ptWW5iYTBlUDBLeHdURnRFL2ZRcnRseXFNZGtUUGIrZTY3K0hnQ3lyNDZ1aysvSURHWWdnRHRreElLc2dqcU1rRHMybkl5ZEw1bEZxUVNFNWMwNGoyUEF6T09qaWlvWXpVSjZqUmhTYTczMllZMTFEcmoxR3BjVFdkOXVoOEt2dWFRRTNZSk5UY1V1L09OT2xwV2s4SC9rYjhLTHNLMGVQVC9hbW9yMnptMFNWbEdFN1FTUUx5RklpYW51cWprc1FuWGk5TGpidTVjN3QwSmlFV3Y4bjRMc2h1OFZXcXUyN2lwTDFUSDNPNWU5REwvT0Jpc1pON0xyVnAxNENZRVlSWjRMNHdUWWJ3ZUlDekVXSmtwK3gxbFIwc0diUG5mYUc1NElxeFhNRFMxMlp1MVZram5rakQ5QzFGUnBEWWxPendUS2hiZ2xTWXlsTnBaN1l0cmV1b2JzaVJJTzBaaWNCSzlEeVpGemE4ZkZtYnVaeThtNDlreUNvNWdjL1BYVTdWQXpwaGdwcjVLWndITHA5VDBLWHgyMTdRa0kvaGNKRzV1Q2lwbzkxbldqbUp5THBWU0lqVEFINkpwRTVUTVllMFdVWGVuUGNPZXMrL3Jrayt3TT0mbHQ7L2RpYWdyYW0mZ3Q7Jmx0Oy9teGZpbGUmZ3Q7IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PGRlZnMvPjxnPjxwYXRoIGQ9Ik0gOSA1OSBMIDM0IDU5IEwgMzQgOSBMIDUxLjEzIDkiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJzdHJva2UiLz48cGF0aCBkPSJNIDU3Ljg4IDkgTCA0OC44OCAxMy41IEwgNTEuMTMgOSBMIDQ4Ljg4IDQuNSBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+"
-                  alt=""
+                  alt="" />
-                />
              </el-radio>
              <el-radio v-model="formData.iconId" label="img5" :disabled="title == '查看元素关系' ? true : false">
-                <img
+                <img class="tu_biao_icon2 srcimg5"
-                  class="tu_biao_icon2 srcimg5"
                  src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjU1cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA1MCA1NSIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjQ5OjU1LjkzMFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7ZUhTUFRhNXk3YzA4NzVubFRrRlUmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2pWUExib013RVB3YWpwVXdKazF5Yk5MMGNhZ1VOVkxhcTRVM1lOVmdaSnNrOU90cllodHdVS0tlOEk1blozZkhTNFRYNWZsVmtycjRFQlI0bE1UMEhPSG5LRWxRbXNUbTB5R3RSZVpvWVlGY011cElBN0JqditCQWw1YzNqSUlLaUZvSXJsa2RncG1vS3NoMGdCRXB4U21rSFFRUHE5WWtod213eXdpZm9sK002c0tpaTJRKzRHL0E4c0pYUm85TGUxTVNUM2FUcUlKUWNScEJlQlBodFJSQzIxTjVYZ1B2elBPKzJMeVhHN2Q5WXhJcS9aK0U3d1lmVm51cDl1OEtwZHVaK3B6TG53ZmtaSTZFTjI1aTE2MXV2UVZaSTQvUWlhQUlyNkNpVDUydEpzdzRVWXBsQml4MHlkMjlGRTFGTCt6WVJGWUw2TVRqb1duVVcyRjJDRVFKV3JhR2Nock1uamtEaTVIUEhwUEFpV2JIVUo2NE44OTd1YjdDVmpCVE9JbmRmdUtGMDNIYmlaZHhLS0ZFSXpOd1dXTnpyNFJTZkNXVVhnbHBJblBRRXlIakpXbEh0TG9qcU5zTlQrb3M0N3Q5VFFaTUE3NDUyQTU4TkhxREFib3NrZytIaGJYMDRiZkhtejg9Jmx0Oy9kaWFncmFtJmd0OyZsdDsvbXhmaWxlJmd0OyIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjxkZWZzLz48Zz48cGF0aCBkPSJNIDAgNTQgUSA1MCA1NCAyNSAyOSBRIDAgNCA0My42MyA0IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0ic3Ryb2tlIi8+PHBhdGggZD0iTSA0OC44OCA0IEwgNDEuODggNy41IEwgNDMuNjMgNCBMIDQxLjg4IDAuNSBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+"
-                  alt=""
+                  alt="" />
-                />
              </el-radio>
            </div>
          </div>
@@ -374,7 +232,7 @@
            </div>
          </div>
        </div> -->
-        <div
+        <!-- <div
          style="text-align: right; margin: 20px 0 10px 0"
          v-if="title == '编辑元素关系'"
        >
@@ -446,65 +304,32 @@
              </div>
            </template>
          </el-table-column>
-        </el-table>
+        </el-table> -->
      </div>
      <span slot="footer" class="dialog-footer">
-        <el-button class="greenButton" @click="operate('pushAdd')"
+        <el-button class="greenButton" @click="operate('pushAdd')">发布</el-button>
-          >发布</el-button
+        <el-button class="greenButton" @click="operate('create')">保存</el-button>
-        >
-        <el-button class="greenButton" @click="operate('create')"
-          >保存</el-button
-        >
        <el-button @click="add_dialog = false">取消</el-button>
      </span>
    </el-dialog>
-    <el-dialog
+    <el-dialog title="编辑字典属性" :visible.sync="dicy_dialog" :center="false" :close-on-click-modal="false" width="60%">
-      title="编辑字典属性"
+      <el-form :model="ruleForm2" ref="form2" :rules="rules2" style="display: flex; flex-wrap: wrap">
-      :visible.sync="dicy_dialog"
-      :center="false"
-      :close-on-click-modal="false"
-      width="60%"
-    >
-      <el-form
-        :model="ruleForm2"
-        ref="form2"
-        :rules="rules2"
-        style="display: flex; flex-wrap: wrap"
-      >
        <el-form-item label="字段名:" prop="let1">
-          <el-input
+          <el-input v-no-backslash v-model="ruleForm2.let1" maxlength="100" :rules="[
-            v-no-backslash
-            v-model="ruleForm2.let1"
-            maxlength="100"
-            :rules="[
              { required: true, message: '请输入字段名', trigger: 'blur' },
-            ]"
+            ]"></el-input>
-          ></el-input>
        </el-form-item>
        <el-form-item label="中文名:" prop="let2">
-          <el-input
+          <el-input v-no-backslash v-model="ruleForm2.let2" maxlength="100" :rules="[
-            v-no-backslash
-            v-model="ruleForm2.let2"
-            maxlength="100"
-            :rules="[
              { required: true, message: '请输入中文名', trigger: 'blur' },
-            ]"
+            ]"></el-input>
-          ></el-input>
        </el-form-item>
        <el-form-item label="排序:" prop="let3">
-          <el-input-number
+          <el-input-number style="width: 200px" v-model="ruleForm2.let3" :min="0"></el-input-number>
-            style="width: 200px"
-            v-model="ruleForm2.let3"
-            :min="0"
-          ></el-input-number>
        </el-form-item>
        <el-form-item label="长度:" prop="let4">
-          <el-input-number
+          <el-input-number style="width: 200px" v-model="ruleForm2.let4" :min="0"></el-input-number>
-            style="width: 200px"
-            v-model="ruleForm2.let4"
-            :min="0"
-          ></el-input-number>
        </el-form-item>
        <el-form-item label="是否可以展示:" prop="let5">
          <el-radio-group v-model="ruleForm2.let5">
@@ -518,13 +343,9 @@
            <el-radio label="不显示"></el-radio>
          </el-radio-group>
        </el-form-item>
-        <el-form-item
+        <el-form-item label="控件:" prop="let7" :rules="[
-          label="控件:"
-          prop="let7"
-          :rules="[
              { required: true, message: '请选择控件', trigger: 'change' },
-          ]"
+            ]">
-        >
          <el-select clearable placeholder="请选择" v-model="ruleForm2.let7">
            <el-option label="单行文本框" value="0"></el-option>
            <el-option label="多行文本框" value="1"></el-option>
@@ -538,21 +359,10 @@
      </span>
    </el-dialog>
-    <el-dialog
+    <el-dialog title="查看约束条件" :visible.sync="add_dialog3" :center="false" width="50%" :close-on-click-modal="false">
-      title="查看约束条件"
-      :visible.sync="add_dialog3"
-      :center="false"
-      width="50%"
-      :close-on-click-modal="false"
-    >
      <div class="add_dialog_content">
        <el-table :data="formData.arrList" stripe border height="300">
-          <el-table-column
+          <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
-            type="index"
-            label="序号"
-            width="80"
-            align="center"
-          ></el-table-column>
          <el-table-column prop="eleGtId" label="对象1" align="center">
            <template slot-scope="scope">
              <span>{{ dicObj.eleLtId[scope.row.eleGtId] }}</span>
@@ -588,13 +398,13 @@ import {
  getYMXZDGLProyUpdate,
  getYMXZDGLProyDel,
  gAllDictKey,
-  query_jia_gou_ceng_ci_new
+  query_jia_gou_ceng_ci_new,
-} from '@/api/index.js'
+} from "@/api/index.js";
-import $ from 'jquery'
+import $ from "jquery";
-import { MessageBox, Message } from 'element-ui'
+import { MessageBox, Message } from "element-ui";
 export default {
-  name: 'archiEleRela',
+  name: "archiEleRela",
  components: {},
  data() {
    return {
@@ -605,51 +415,51 @@ export default {
        let2: null,
        let3: 0,
        let4: 0,
-        let5: '是',
+        let5: "是",
-        let6: '显示',
+        let6: "显示",
        let7: null,
      },
      rules2: {
-        let1: [{ required: true, message: '请输入字段名', trigger: 'blur' }],
+        let1: [{ required: true, message: "请输入字段名", trigger: "blur" }],
-        let2: [{ required: true, message: '请输入中文名', trigger: 'blur' }],
+        let2: [{ required: true, message: "请输入中文名", trigger: "blur" }],
-        let7: [{ required: true, message: '请选择控件', trigger: 'change' }],
+        let7: [{ required: true, message: "请选择控件", trigger: "change" }],
      },
      tableData2: [],
      tableData: [],
      selectList: [],
      add_dialog: false,
      add_dialog3: false,
-      title: '',
+      title: "",
-      openType: '',
+      openType: "",
      query_item1: null,
      query_item3: null,
      query_item4: null,
      formData: {
-        rsName: '',
+        rsName: "",
-        content: '',
+        content: "",
        arrList: [
          {
-            eleGtId: '',
+            eleGtId: "",
-            eleLtId: '',
+            eleLtId: "",
-            scope: '',
+            scope: "",
          },
        ],
-        icon: '',
+        icon: "",
-        iconId: '',
+        iconId: "",
-        iconName: '',
+        iconName: "",
      },
      rules: {
        rsName: [
-          { required: true, message: '请输入元素关系名称', trigger: 'blur' },
+          { required: true, message: "请输入元素关系名称", trigger: "blur" },
        ],
-        content: [{ required: true, message: '请输入描述', trigger: 'blur' }],
+        content: [{ required: true, message: "请输入描述", trigger: "blur" }],
      },
      params: {
        current: 1,
        pageSize: 10,
-        rsName: '',
+        rsName: "",
-        scope: '',
+        scope: "",
-        state: '',
+        state: "",
      },
      page: {
        current: 1,
@@ -659,9 +469,9 @@ export default {
      },
      dicObj: {
        state: {
-          0: '已停用',
+          0: "已停用",
-          1: '已发布',
+          1: "已发布",
-          2: '暂存',
+          2: "暂存",
        },
        scope: {},
        eleLtId: {},
@@ -682,143 +492,145 @@ export default {
      ],
      guishuList: [
        {
-          label: '架构之间',
+          label: "架构之间",
          value: 0,
        },
        {
-          label: '系统架构',
+          label: "系统架构",
          value: 1,
        },
        {
-          label: '业务架构',
+          label: "业务架构",
          value: 2,
        },
        {
-          label: '应用架构',
+          label: "应用架构",
          value: 3,
        },
        {
-          label: '数据架构',
+          label: "数据架构",
          value: 4,
        },
        {
-          label: '技术架构',
+          label: "技术架构",
          value: 5,
        },
        {
-          label: '安全架构',
+          label: "安全架构",
          value: 6,
        },
      ],
      eleList: [],
-      radioName: '',
+      radioName: "",
      search_select1: [
        // {
        //   name: '架构之间',
        //   belongId: 0,
        // },
      ],
-      is_add_edit2: 'add',
+      is_add_edit2: "add",
-    }
+    };
  },
-  created(){
+  created() {
    // 适用范围下拉
-    query_jia_gou_ceng_ci_new({"typeValue": "scope_application"}).then(res => {
+    query_jia_gou_ceng_ci_new({ typeValue: "scope_application" }).then(
-      this.search_select1 = res.data
+      (res) => {
+        this.search_select1 = res.data;
        this.search_select1.forEach((item) => {
-        this.dicObj.scope[item.value] = item.label
+          this.dicObj.scope[item.value] = item.label;
-      })
+        });
-    })
+      }
-    this.getStateList()
+    );
+    this.getStateList();
    // 获取元素列表
-    this.getYuansuList()
+    this.getYuansuList();
  },
  mounted() {
    // 初始化查询列表
-    this.getList()
+    this.getList();
  },
  methods: {
-    getStateList(){
+    getStateList() {
-      query_jia_gou_ceng_ci_new({"typeValue": "sys_state"}).then(res => {
+      query_jia_gou_ceng_ci_new({ typeValue: "sys_state" }).then((res) => {
        if (res.code == 200) {
-          this.stateList = res.data
+          this.stateList = res.data;
        }
-      })
+      });
    },
    indexMethod(index) {
-      return (this.params.current - 1) * this.params.pageSize + index + 1
+      return (this.params.current - 1) * this.params.pageSize + index + 1;
    },
    queryAllKey() {
      //查询控件右边的下拉框值
      gAllDictKey().then((res) => {
-        this.controlValueSelect = res.data
+        this.controlValueSelect = res.data;
-      })
+      });
    },
    edit_dicy(row) {
      //编辑字典
-      this.dicy_dialog = true
+      this.dicy_dialog = true;
-      this.is_add_edit2 = 'edit'
+      this.is_add_edit2 = "edit";
-      this.queryAllKey()
+      this.queryAllKey();
-      this.propertyId = row.propertyId
+      this.propertyId = row.propertyId;
-      this.ruleForm2.let1 = row.fieldName
+      this.ruleForm2.let1 = row.fieldName;
-      this.ruleForm2.let2 = row.cnName
+      this.ruleForm2.let2 = row.cnName;
-      this.ruleForm2.let3 = row.displayOrder
+      this.ruleForm2.let3 = row.displayOrder;
-      this.ruleForm2.let4 = row.contentLength
+      this.ruleForm2.let4 = row.contentLength;
-      this.ruleForm2.let5 = row.notNull == '0' ? '是' : '否'
+      this.ruleForm2.let5 = row.notNull == "0" ? "是" : "否";
-      this.ruleForm2.let6 = row.isShow == '0' ? '显示' : '不显示'
+      this.ruleForm2.let6 = row.isShow == "0" ? "显示" : "不显示";
-      this.ruleForm2.let7 = String(row.controlType)
+      this.ruleForm2.let7 = String(row.controlType);
-      this.ruleForm2.let8 = row.dictKey
+      this.ruleForm2.let8 = row.dictKey;
    },
    delete_dicy(row) {
      //删除字典
-      MessageBox.confirm('确定删除?', '提示', {
+      MessageBox.confirm("确定删除?", "提示", {
-        confirmButtonText: '确定',
+        confirmButtonText: "确定",
-        cancelButtonText: '取消',
+        cancelButtonText: "取消",
-        customClass: 'messageClass',
+        customClass: "messageClass",
-        confirmButtonClass: 'confirmClass',
+        confirmButtonClass: "confirmClass",
-        type: 'warning',
+        type: "warning",
      })
        .then(() => {
          const params = {
            propertyId: row.propertyId,
-          }
+          };
          getYMXZDGLProyDel(params).then((res) => {
            if (res.code == 200) {
-              this.getDicyTable()
+              this.getDicyTable();
              Message({
-                type: 'success',
+                type: "success",
-                message: '删除成功!',
+                message: "删除成功!",
-              })
+              });
            } else {
              Message({
-                type: 'error',
+                type: "error",
                message: res.msg,
-              })
+              });
            }
-          })
+          });
        })
        .catch(() => {
          Message({
-            type: 'info',
+            type: "info",
-            message: '已取消',
+            message: "已取消",
-          })
+          });
-        })
+        });
    },
    openDicyDialog() {
      //打开字典窗口
-      this.dicy_dialog = true
+      this.dicy_dialog = true;
-      this.is_add_edit2 = 'add'
+      this.is_add_edit2 = "add";
      this.$nextTick(() => {
-        this.$refs.form2.resetFields()
+        this.$refs.form2.resetFields();
-        this.ruleForm2.let1 = null
+        this.ruleForm2.let1 = null;
-        this.ruleForm2.let2 = null
+        this.ruleForm2.let2 = null;
-        this.ruleForm2.let3 = 0
+        this.ruleForm2.let3 = 0;
-        this.ruleForm2.let4 = 0
+        this.ruleForm2.let4 = 0;
-        this.ruleForm2.let5 = '是'
+        this.ruleForm2.let5 = "是";
-        this.ruleForm2.let6 = '显示'
+        this.ruleForm2.let6 = "显示";
-        this.ruleForm2.let7 = null
+        this.ruleForm2.let7 = null;
-      })
+      });
-      this.queryAllKey()
+      this.queryAllKey();
    },
    save_dicy() {
      //字典窗口保存
@@ -833,352 +645,352 @@ export default {
            type: 2,
            typeId: this.formData.eleRelaId,
            dictKey: this.ruleForm2.let8,
-            notNull: this.ruleForm2.let5 == '是' ? 0 : 1,
+            notNull: this.ruleForm2.let5 == "是" ? 0 : 1,
-            isShow: this.ruleForm2.let6 == '显示' ? 0 : 1,
+            isShow: this.ruleForm2.let6 == "显示" ? 0 : 1,
-          }
+          };
          const requestParams =
-            this.is_add_edit2 == 'add'
+            this.is_add_edit2 == "add"
              ? params
-              : { ...params, propertyId: this.propertyId }
+              : { ...params, propertyId: this.propertyId };
-          if (this.is_add_edit2 == 'add') {
+          if (this.is_add_edit2 == "add") {
            getYMXZDGLProyAdd(requestParams).then((res) => {
              if (res.code == 200) {
-                this.dicy_dialog = false
+                this.dicy_dialog = false;
-                this.getDicyTable()
+                this.getDicyTable();
                Message({
-                  type: 'success',
+                  type: "success",
-                  message: '保存成功!',
+                  message: "保存成功!",
-                })
+                });
              } else {
                Message({
-                  type: 'error',
+                  type: "error",
                  message: res.msg,
-                })
+                });
              }
-            })
+            });
          } else {
            getYMXZDGLProyUpdate(requestParams).then((res) => {
              if (res.code == 200) {
-                this.dicy_dialog = false
+                this.dicy_dialog = false;
-                this.getDicyTable()
+                this.getDicyTable();
                Message({
-                  type: 'success',
+                  type: "success",
-                  message: '保存成功!',
+                  message: "保存成功!",
-                })
+                });
              } else {
                Message({
-                  type: 'error',
+                  type: "error",
                  message: res.msg,
-                })
+                });
              }
-            })
+            });
          }
        } else {
-          return false
+          return false;
        }
-      })
+      });
    },
    // 查询列表
    getList() {
-      this.loading = true
+      this.loading = true;
      // if (this.params.state != '') {
      //   this.params.state = Number(this.params.state)
      // }
      getJGYSGLlist(this.params).then((res) => {
        if (res.code == 200) {
-          this.loading = false
+          this.loading = false;
-          this.page.total = res.data.total
+          this.page.total = res.data.total;
-          this.tableData = res.data.records
+          this.tableData = res.data.records;
        }
-      })
+      });
    },
    // 获取元素列表
    getYuansuList() {
      getEleList().then((res) => {
        if (res.code == 200) {
-          this.eleList = res.data
+          this.eleList = res.data;
          this.eleList.forEach((item) => {
-            this.dicObj.eleLtId[item.elementId] = item.elementName
+            this.dicObj.eleLtId[item.elementId] = item.elementName;
-          })
+          });
        }
-      })
+      });
    },
    get_dialog_select2() {
      //查询架构归属下拉框值
      return new Promise((resolve, reject) => {
        query_jia_gou_gui_shu({}).then((res) => {
          if (res.code == 200) {
-            resolve(res.data)
+            resolve(res.data);
          } else {
-            reject(res.msg)
+            reject(res.msg);
          }
-        })
+        });
-      })
+      });
    },
    // 重置
    reset() {
      this.params = {
        current: 1,
        pageSize: 10,
-        rsName: '',
+        rsName: "",
-        scope: '',
+        scope: "",
-        state: '',
+        state: "",
-      }
+      };
    },
    // 分页事件
    handleSizeChange(val) {
-      this.page.current = 1
+      this.page.current = 1;
-      this.params.current = 1
+      this.params.current = 1;
-      this.page.size = val
+      this.page.size = val;
-      this.params.pageSize = val
+      this.params.pageSize = val;
-      this.getList()
+      this.getList();
    },
    handleCurrentChange(val) {
-      this.page.current = val
+      this.page.current = val;
-      this.params.current = val
+      this.params.current = val;
-      this.getList()
+      this.getList();
    },
    getDicyTable() {
      //字典表格
      const params = {
        type: 2,
        typeId: this.formData.eleRelaId,
-      }
+      };
      getYMXZDGLProyList(params).then((res) => {
        if (res.code == 200) {
          // console.log(res.data)
-          this.tableData2 = res.data
+          this.tableData2 = res.data;
        }
-      })
+      });
    },
    // 所有操作
    operate(type, item) {
-      this.openType = type
+      this.openType = type;
-      if (type == 'add') {
+      if (type == "add") {
-        this.add_dialog = true
+        this.add_dialog = true;
-        this.title = '新建元素关系'
+        this.title = "新建元素关系";
-        this.resetForm()
+        this.resetForm();
        this.$nextTick(() => {
-          this.$refs.relaForm.resetFields()
+          this.$refs.relaForm.resetFields();
-        })
+        });
-      } else if (type == 'edit') {
+      } else if (type == "edit") {
-        this.add_dialog = true
+        this.add_dialog = true;
-        this.title = '编辑元素关系'
+        this.title = "编辑元素关系";
-        this.formData = item
+        this.formData = item;
-        this.getDicyTable()
+        this.getDicyTable();
-      } else if (type == 'view') {
+      } else if (type == "view") {
        // this.add_dialog3 = true
        // this.formData = item
-        this.add_dialog = true
+        this.add_dialog = true;
-        this.title = '查看元素关系'
+        this.title = "查看元素关系";
-        this.formData = item
+        this.formData = item;
-        this.getDicyTable()
+        this.getDicyTable();
-      } else if (type == 'create') {
+      } else if (type == "create") {
        this.$refs.relaForm.validate((valid) => {
          if (valid) {
-            if (this.formData.iconId == '') {
+            if (this.formData.iconId == "") {
-              this.$message.error('请选择图标')
+              this.$message.error("请选择图标");
-              return
+              return;
            }
            // if (this.formData.arrList[0].scope === "") {
            // 	this.$message.error("请选择至少一种约束条件");
            // 	return;
            // }
-            this.formData.state = 2
+            this.formData.state = 2;
            // 赋值不同图标名称
-            if (this.formData.iconId == 'img1') {
+            if (this.formData.iconId == "img1") {
-              this.formData.iconName = 'endArrow=none;html=1;'
+              this.formData.iconName = "endArrow=none;html=1;";
-            } else if (this.formData.iconId == 'img2') {
+            } else if (this.formData.iconId == "img2") {
-              this.formData.iconName = 'endArrow=classic;html=1;'
+              this.formData.iconName = "endArrow=classic;html=1;";
-            } else if (this.formData.iconId == 'img3') {
+            } else if (this.formData.iconId == "img3") {
              this.formData.iconName =
-                'endArrow=classic;startArrow=classic;html=1;'
+                "endArrow=classic;startArrow=classic;html=1;";
-            } else if (this.formData.iconId == 'img4') {
+            } else if (this.formData.iconId == "img4") {
              this.formData.iconName =
-                'edgeStyle=elbowEdgeStyle;elbow=horizontal;endArrow=classic;html=1;curved=0;rounded=0;endSize=8;startSize=8;'
+                "edgeStyle=elbowEdgeStyle;elbow=horizontal;endArrow=classic;html=1;curved=0;rounded=0;endSize=8;startSize=8;";
-            } else if (this.formData.iconId == 'img5') {
+            } else if (this.formData.iconId == "img5") {
-              this.formData.iconName = 'curve'
+              this.formData.iconName = "curve";
            }
            if (this.formData.eleRelaId) {
              // 编辑保存
              getJGYSGLUpdate(this.formData).then((res) => {
                if (res.code == 200) {
-                  this.$message.success('保存成功')
+                  this.$message.success("保存成功");
-                  this.add_dialog = false
+                  this.add_dialog = false;
-                  this.getList()
+                  this.getList();
                } else {
-                  this.add_dialog = false
+                  this.add_dialog = false;
-                  this.$message.error(res.msg)
+                  this.$message.error(res.msg);
                }
-              })
+              });
            } else {
              // 新建保存
              getJGYSGLAdd(this.formData).then((res) => {
                if (res.code == 200) {
-                  this.$message.success('保存成功')
+                  this.$message.success("保存成功");
-                  this.add_dialog = false
+                  this.add_dialog = false;
-                  this.getList()
+                  this.getList();
                } else {
-                  this.add_dialog = false
+                  this.add_dialog = false;
-                  this.$message.error(res.msg)
+                  this.$message.error(res.msg);
                }
-              })
+              });
            }
          }
-        })
+        });
-      } else if (type == 'pushAdd') {
+      } else if (type == "pushAdd") {
-        this.formData.state = 1
+        this.formData.state = 1;
        if (this.formData.eleRelaId) {
          // 编辑发布
          getJGYSGLUpdate(this.formData).then((res) => {
            if (res.code == 200) {
-              this.$message.success('发布成功')
+              this.$message.success("发布成功");
-              this.add_dialog = false
+              this.add_dialog = false;
-              this.getList()
+              this.getList();
            } else {
-              this.add_dialog = false
+              this.add_dialog = false;
-              this.$message.error(res.msg)
+              this.$message.error(res.msg);
            }
-          })
+          });
        } else {
          // 新建发布
          getJGYSGLAdd(this.formData).then((res) => {
            if (res.code == 200) {
-              this.$message.success('发布成功')
+              this.$message.success("发布成功");
-              this.add_dialog = false
+              this.add_dialog = false;
-              this.getList()
+              this.getList();
            } else {
-              this.add_dialog = false
+              this.add_dialog = false;
-              this.$message.error(res.msg)
+              this.$message.error(res.msg);
            }
-          })
+          });
        }
-      } else if (type == 'pushEdit') {
+      } else if (type == "pushEdit") {
        // 编辑发布
-        this.$confirm('确认发布吗', '提示', {
+        this.$confirm("确认发布吗", "提示", {
-          confirmButtonText: '确定',
+          confirmButtonText: "确定",
-          cancelButtonText: '取消',
+          cancelButtonText: "取消",
-          customClass: 'messageClass',
+          customClass: "messageClass",
-          confirmButtonClass: 'confirmClass',
+          confirmButtonClass: "confirmClass",
-          type: 'warning',
+          type: "warning",
        })
          .then(() => {
-            this.formData = item
+            this.formData = item;
-            this.formData.state = 1
+            this.formData.state = 1;
            getJGYSGLUpdate(this.formData).then((res) => {
              if (res.code == 200) {
-                this.$message.success('发布成功')
+                this.$message.success("发布成功");
-                this.getList()
+                this.getList();
              } else {
-                this.$message.error(res.msg)
+                this.$message.error(res.msg);
              }
+            });
          })
-          })
+          .catch(() => { });
-          .catch(() => {})
+      } else if (type == "stop") {
-      } else if (type == 'stop') {
        // 停用
-        this.$confirm('确认停用吗?', '提示', {
+        this.$confirm("确认停用吗?", "提示", {
-          confirmButtonText: '确定',
+          confirmButtonText: "确定",
-          cancelButtonText: '取消',
+          cancelButtonText: "取消",
-          customClass: 'messageClass',
+          customClass: "messageClass",
-          confirmButtonClass: 'confirmClass',
+          confirmButtonClass: "confirmClass",
-          type: 'warning',
+          type: "warning",
        })
          .then(() => {
-            this.formData = item
+            this.formData = item;
-            this.formData.state = 0
+            this.formData.state = 0;
            getJGYSGLUpdate(this.formData).then((res) => {
              if (res.code == 200) {
-                this.$message.success('停用成功')
+                this.$message.success("停用成功");
-                this.getList()
+                this.getList();
              } else {
-                this.$message.error(res.msg)
+                this.$message.error(res.msg);
              }
+            });
          })
-          })
+          .catch(() => { });
-          .catch(() => {})
+      } else if (type == "del") {
-      } else if (type == 'del') {
        // 删除
-        this.$confirm('确认删除吗?', '提示', {
+        this.$confirm("确认删除吗?", "提示", {
-          confirmButtonText: '确定',
+          confirmButtonText: "确定",
-          cancelButtonText: '取消',
+          cancelButtonText: "取消",
-          customClass: 'messageClass',
+          customClass: "messageClass",
-          confirmButtonClass: 'confirmClass',
+          confirmButtonClass: "confirmClass",
-          type: 'warning',
+          type: "warning",
        })
          .then(() => {
-            this.formData = item
+            this.formData = item;
-            this.formData.delFlag = 1
+            this.formData.delFlag = 1;
            getJGYSGLDel(this.formData).then((res) => {
              if (res.code == 200) {
-                this.$message.success('删除成功')
+                this.$message.success("删除成功");
-                this.getList()
+                this.getList();
              } else {
-                this.$message.error(res.msg)
+                this.$message.error(res.msg);
              }
+            });
          })
-          })
+          .catch(() => { });
-          .catch(() => {})
+      } else if (type == "pushAll") {
-      } else if (type == 'pushAll') {
        if (this.selectList.length <= 0) {
-          this.$message.error('请选择一项进行发布')
+          this.$message.error("请选择一项进行发布");
-          return
+          return;
        }
        let params = {
          eleRelaId: [],
          state: 2,
-        }
+        };
        this.selectList.map((item) => {
-          params.eleRelaId.push(item.eleRelaId)
+          params.eleRelaId.push(item.eleRelaId);
-        })
+        });
-        this.$confirm('确认批量发布吗', '提示', {
+        this.$confirm("确认批量发布吗", "提示", {
-          confirmButtonText: '确定',
+          confirmButtonText: "确定",
-          cancelButtonText: '取消',
+          cancelButtonText: "取消",
-          type: 'warning',
+          type: "warning",
        })
          .then(() => {
            getJGYSGLUpdateBatch(params).then((res) => {
              if (res.code == 200) {
-                this.$message.success('批量发布成功')
+                this.$message.success("批量发布成功");
-                this.getList()
+                this.getList();
              } else {
-                this.$message.error(res.msg)
+                this.$message.error(res.msg);
              }
+            });
          })
-          })
+          .catch(() => { });
-          .catch(() => {})
      }
    },
    // 新建清空表单
    resetForm() {
      this.formData = {
-        rsName: '',
+        rsName: "",
-        content: '',
+        content: "",
        arrList: [
          {
-            eleGtId: '',
+            eleGtId: "",
-            eleLtId: '',
+            eleLtId: "",
-            scope: '',
+            scope: "",
          },
        ],
-        icon: '',
+        icon: "",
-        iconId: '',
+        iconId: "",
-        iconName: '',
+        iconName: "",
-      }
+      };
-      this.radioName = ''
+      this.radioName = "";
    },
    // 表格多选
    handleSelectionChange(e) {
-      this.selectList = e
+      this.selectList = e;
    },
    selectInit(row, index) {
-      if (row.state != '1') {
+      if (row.state != "1") {
-        return true //可勾选
+        return true; //可勾选
      } else {
-        return false //不可勾选
+        return false; //不可勾选
      }
    },
@@ -1186,51 +998,50 @@ export default {
    operateDia(type, index) {
      switch (type) {
        // 添加
-        case 'add':
+        case "add":
          this.formData.arrList.push({
-            eleGtId: '',
+            eleGtId: "",
-            eleLtId: '',
+            eleLtId: "",
-            scope: '',
+            scope: "",
-          })
+          });
-          break
+          break;
        // 删除
-        case 'del':
+        case "del":
-          this.formData.arrList.splice(index, 1)
+          this.formData.arrList.splice(index, 1);
-          break
+          break;
      }
    },
    //
    selectChange1(item, index) {
-      var str1 = ''
+      var str1 = "";
-      var str2 = ''
+      var str2 = "";
-      var lastStr = ''
+      var lastStr = "";
-      if (item.eleGtId == '' && item.eleLtId == '') {
+      if (item.eleGtId == "" && item.eleLtId == "") {
-        this.formData.arrList[index].scope = ''
+        this.formData.arrList[index].scope = "";
      } else {
        this.eleList.forEach((itemY) => {
          if (item.eleGtId == itemY.elementId) {
-            str1 = itemY.archiBelongId
+            str1 = itemY.archiBelongId;
          }
          if (item.eleLtId == itemY.elementId) {
-            str2 = itemY.archiBelongId
+            str2 = itemY.archiBelongId;
          }
-        })
+        });
-        if (str2 != '' && str1 != '' && str1 != str2) {
+        if (str2 != "" && str1 != "" && str1 != str2) {
-          this.formData.arrList[index].scope = 0
+          this.formData.arrList[index].scope = 0;
        } else {
          if (str1 == str2) {
-            lastStr = str2
+            lastStr = str2;
-          } else if (str1 == '' && str2 != '') {
+          } else if (str1 == "" && str2 != "") {
-            lastStr = str2
+            lastStr = str2;
-          } else if (str2 == '' && str1 != '') {
+          } else if (str2 == "" && str1 != "") {
-            lastStr = str1
+            lastStr = str1;
-          } else if (str2 == '' && str1 != '') {
+          } else if (str2 == "" && str1 != "") {
-            lastStr = str1
+            lastStr = str1;
          }
          this.search_select1.forEach((itemX) => {
            if (lastStr == itemX.value) {
-              this.formData.arrList[index].scope = itemX.value
+              this.formData.arrList[index].scope = itemX.value;
              // if (itemX.name == "系统架构") {
              // 	this.formData.arrList[index].scope = 1;
              // }else if (itemX.name == "业务架构") {
@@ -1245,17 +1056,18 @@ export default {
              // 	this.formData.arrList[index].scope = 6;
              // }
            }
-          })
+          });
        }
      }
    },
  },
-}
+};
 </script>
 <style>
 .confirmClass {
  background-color: #0d867f !important;
 }
 .el-message-box__content {
  padding: 60px 15px 60px 15px;
 }
@@ -1269,83 +1081,103 @@ export default {
  justify-content: flex-start;
  align-items: center;
 }
 .add_dialog_content {
  width: 100%;
 }
 .dialog_form_item3 {
  margin-top: 20px;
  display: flex;
  align-items: center;
  .dialog_form_item3_content1 {
    display: flex;
    align-items: center;
    .tu_biao_icon2 {
      width: 20px;
    }
  }
 }
 .el-button--primary {
  background: rgba(13, 134, 127, 0.1);
  color: #0d867f;
  border: 0;
 }
 .el-button.is-disabled {
  color: #c0c4cc !important;
  background-color: #fff !important;
 }
 .shanChu_btn {
  color: #dd6a15;
  background-color: #f8ebe2;
 }
 .tingYong_btn {
  color: #dea82a;
  background-color: #fdf6e6;
 }
 /deep/ .dialog1 .el-dialog__body {
  height: 55vh;
  overflow-y: auto;
 }
 /deep/ .el-dialog__header {
  background-color: #0d867f;
  text-align: left;
 }
 /deep/ .el-dialog__title {
  color: #fff;
 }
 /deep/ .el-dialog__close {
  color: #fff;
 }
 .search_menu {
  display: flex;
  justify-content: space-between;
 }
 .search_menu_item_container {
  display: flex;
  align-items: center;
 }
 .search_menu_btn_container {
  display: flex;
  align-items: center;
 }
 .search_menu_item {
  display: flex;
  align-items: center;
  width: 344px;
 }
 .search_title {
  /* width: 20%; */
  flex-shrink: 0;
  margin-right: 15px;
 }
 .search_item {
  width: 60%;
 }
 .search_btn {
  width: 100%;
  display: flex;
  margin-top: 14px;
  margin-bottom: 14px;
 }
 .add_btn {
  display: flex;
  align-items: center;
@@ -1359,6 +1191,7 @@ export default {
  color: #0d867f;
  cursor: pointer;
 }
 .version_btn {
  display: flex;
  align-items: center;
@@ -1373,6 +1206,7 @@ export default {
  cursor: pointer;
  margin-left: 15px;
 }
 .query_btn {
  display: flex;
  align-items: center;
@@ -1387,6 +1221,7 @@ export default {
  margin-right: 10px;
  cursor: pointer;
 }
 .reset_btn {
  display: flex;
  align-items: center;
@@ -1400,89 +1235,111 @@ export default {
  color: #666;
  cursor: pointer;
 }
 .btn_icon {
  margin-right: 10px;
 }
 .table_container {
  width: 97%;
  margin-top: 20px;
  .tableIcon {
    width: 100%;
    display: flex;
    justify-content: center;
    .iconItem {
      width: 30px;
      height: 30px;
    }
  }
  .editBtn {
    color: #0d867f;
  }
  .delBtn {
    color: #db6209;
  }
  .stopBtn {
    color: #e7a20e;
  }
 }
 .el-pagination {
  margin-top: 50px;
 }
 .form_item_container {
  display: flex;
  flex-wrap: wrap;
  .cross1 {
    width: 100% !important;
    margin-left: 27px;
    /deep/ .el-form-item__label {
      width: 12%;
    }
    /deep/ .el-form-item__content {
      width: 87% !important;
    }
  }
  .el-form-item {
    display: flex;
    width: 100%;
  }
 }
 .el-form-item {
  display: flex;
  align-items: center;
  width: 33%;
 }
 .dialog_form_item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
  .formArea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #0d867f;
    margin-top: 10px;
    .formLine {
      display: flex;
      align-items: center;
      height: 50px;
      margin-left: 10px;
      width: 100%;
      .formItem {
        margin-left: 15px;
        display: flex;
        align-items: center;
        width: 27%;
        .label {
          width: 38%;
          text-align: right;
          margin-right: 5px;
        }
        /deep/.el-input {
          width: 95%;
        }
      }
      .newBtn {
        width: 7%;
        .addItem {
          background-color: #0d867f;
          color: #fff;
@@ -1491,22 +1348,27 @@ export default {
    }
  }
 }
 .dialog_form_item_title {
  flex-shrink: 0;
  margin-right: 15px;
  width: 140px;
  text-align: right;
  .reqIcon {
    color: #f56c6c;
    margin-right: 4px;
  }
 }
 /deep/ .el-dialog__header {
  text-align: left;
 }
 /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #0d867f;
 }
 .greenButton {
  background-color: #0d867f;
  color: #fff;

--- a/src/views/archiViewConfig/index.vue
+++ b/src/views/archiViewConfig/index.vue
@@ -5,146 +5,64 @@
        <div class="search_menu_item_container">
          <div class="search_menu_item">
            <span class="search_title">架构视图名称</span>
-            <el-input
+            <el-input v-model="params.viewName" placeholder="请输入内容" class="search_item"></el-input>
-              v-model="params.viewName"
-              placeholder="请输入内容"
-              class="search_item"
-            ></el-input>
          </div>
          <div class="search_menu_item">
            <span class="search_title">架构大类</span>
-            <el-select
+            <el-select v-model="params.archiStage" placeholder="请选择" clearable class="search_item">
-              v-model="params.archiStage"
+              <el-option v-for="(item, idnex) in archiStageList" :key="idnex" :label="item.label"
-              placeholder="请选择"
+                :value="item.value"></el-option>
-              clearable
-              class="search_item"
-            >
-              <el-option
-                v-for="(item, idnex) in archiStageList"
-                :key="idnex"
-                :label="item.label"
-                :value="item.value"
-              ></el-option>
            </el-select>
          </div>
          <div class="search_menu_item">
            <span class="search_title">架构层次</span>
-            <el-select
+            <el-select v-model="params.archiLevelId" placeholder="请选择" clearable class="search_item">
-              v-model="params.archiLevelId"
+              <el-option v-for="(item, idnex) in levelList" :key="idnex" :label="item.label"
-              placeholder="请选择"
+                :value="item.value"></el-option>
-              clearable
-              class="search_item"
-            >
-              <el-option
-                v-for="(item, idnex) in levelList"
-                :key="idnex"
-                :label="item.label"
-                :value="item.value"
-              ></el-option>
            </el-select>
          </div>
          <div class="search_menu_item">
            <span class="search_title">架构归属</span>
-            <el-select
+            <el-select v-model="params.archiBelongId" placeholder="请选择" clearable class="search_item">
-              v-model="params.archiBelongId"
+              <el-option v-for="(item, idnex) in belongList" :key="idnex" :label="item.label"
-              placeholder="请选择"
+                :value="item.value"></el-option>
-              clearable
-              class="search_item"
-            >
-              <el-option
-                v-for="(item, idnex) in belongList"
-                :key="idnex"
-                :label="item.label"
-                :value="item.value"
-              ></el-option>
            </el-select>
          </div>
          <div class="search_menu_item">
            <span class="search_title">状态</span>
-            <el-select
+            <el-select v-model="params.state" clearable placeholder="请选择" class="search_item">
-              v-model="params.state"
+              <el-option v-for="(item, idnex) in stateList" :key="idnex" :label="item.label"
-              clearable
+                :value="item.value"></el-option>
-              placeholder="请选择"
-              class="search_item"
-            >
-              <el-option
-                v-for="(item, idnex) in stateList"
-                :key="idnex"
-                :label="item.label"
-                :value="item.value"
-              ></el-option>
            </el-select>
          </div>
        </div>
        <div class="search_menu_btn_container">
          <div class="query_btn" @click="getTable">
-            <img
+            <img class="btn_icon" src="@/assets/archi-ele-list/search.png" alt="" />
-              class="btn_icon"
-              src="@/assets/archi-ele-list/search.png"
-              alt=""
-            />
            <p>查询</p>
          </div>
          <div class="reset_btn" @click="reset">
-            <img
+            <img class="btn_icon" src="@/assets/archi-ele-list/reset.png" alt="" />
-              class="btn_icon"
-              src="@/assets/archi-ele-list/reset.png"
-              alt=""
-            />
            <p>重置</p>
          </div>
        </div>
      </div>
      <div class="search_btn">
        <div class="add_btn" @click="operate('add')">
-          <img
+          <img class="btn_icon" src="@/assets/archi-ele-list/create.png" alt="" />
-            class="btn_icon"
-            src="@/assets/archi-ele-list/create.png"
-            alt=""
-          />
          <p>新建</p>
        </div>
        <div class="version_btn" @click="operate('pushAll')">
-          <img
+          <img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
-            class="btn_icon"
-            src="@/assets/archi-ele-list/version.png"
-            alt=""
-          />
          <p>版本发布</p>
        </div>
      </div>
-      <el-table
+      <el-table :data="tableData" stripe border @selection-change="handleSelectionChange" :height="tableHeight">
-        :data="tableData"
+        <el-table-column type="selection" width="55" :selectable="selectInit"></el-table-column>
-        stripe
+        <el-table-column type="index" :index="indexMethod" label="序号" width="80" align="center"></el-table-column>
-        border
+        <el-table-column prop="viewName" label="架构视图名称" width="150" align="center"
-        @selection-change="handleSelectionChange"
+          show-overflow-tooltip></el-table-column>
-        :height="tableHeight"
+        <el-table-column prop="archiStage" label="架构大类" width="150" align="center">
-      >
-        <el-table-column
-          type="selection"
-          width="55"
-          :selectable="selectInit"
-        ></el-table-column>
-        <el-table-column
-          type="index"
-          :index="indexMethod"
-          label="序号"
-          width="80"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="viewName"
-          label="架构视图名称"
-          width="150"
-          align="center"
-          show-overflow-tooltip
-        ></el-table-column>
-        <el-table-column
-          prop="archiStage"
-          label="架构大类"
-          width="150"
-          align="center"
-        >
          <template slot-scope="scope">
            <span v-if="scope.row.archiStage == 1">总体架构</span>
            <span v-else-if="scope.row.archiStage == 2">系统架构</span>
@@ -152,47 +70,21 @@
            <span v-else-if="scope.row.archiStage == 4">其他架构</span>
          </template>
        </el-table-column>
-        <el-table-column
+        <el-table-column prop="archiLevelId" label="架构层次" width="150" align="center">
-          prop="archiLevelId"
-          label="架构层次"
-          width="150"
-          align="center"
-        >
          <template slot-scope="scope">
            <span>{{ dicObj.archiLevelId[scope.row.archiLevelId] }}</span>
          </template>
        </el-table-column>
-        <el-table-column
+        <el-table-column prop="archiBelongId" label="架构归属" width="150" align="center">
-          prop="archiBelongId"
-          label="架构归属"
-          width="150"
-          align="center"
-        >
          <template slot-scope="scope">
            <span>{{ dicObj.archiBelongId[scope.row.archiBelongId] }}</span>
          </template>
        </el-table-column>
-        <el-table-column
+        <el-table-column prop="viewCode" label="视图编码" width="150" align="center"
-          prop="viewCode"
+          show-overflow-tooltip></el-table-column>
-          label="视图编码"
+        <el-table-column prop="content" label="视图描述" width="150" align="center" show-overflow-tooltip></el-table-column>
-          width="150"
+        <el-table-column prop="eleName" label="元素范围" align="center" width="200"
-          align="center"
+          :show-overflow-tooltip="true"></el-table-column>
-          show-overflow-tooltip
-        ></el-table-column>
-        <el-table-column
-          prop="content"
-          label="视图描述"
-          width="150"
-          align="center"
-          show-overflow-tooltip
-        ></el-table-column>
-        <el-table-column
-          prop="eleName"
-          label="元素范围"
-          align="center"
-          width="200"
-          :show-overflow-tooltip="true"
-        ></el-table-column>
        <!-- <el-table-column
          prop="relName"
          label="元素关系范围"
@@ -200,12 +92,7 @@
          width="200"
          :show-overflow-tooltip="true"
        ></el-table-column> -->
-        <el-table-column
+        <el-table-column prop="version" label="版本" width="150" align="center"></el-table-column>
-          prop="version"
-          label="版本"
-          width="150"
-          align="center"
-        ></el-table-column>
        <el-table-column prop="state" label="状态" width="80" align="center">
          <template slot-scope="scope">
            <span>{{ dicObj.state[scope.row.state] }}</span>
@@ -213,94 +100,42 @@
        </el-table-column>
        <el-table-column label="操作" width="440" align="center">
          <template slot-scope="scope">
-            <div
+            <div style="
-              style="
                display: flex;
                align-items: center;
                justify-content: center;
-              "
+              ">
-            >
+              <el-button type="primary" icon="el-icon-view" size="mini"
-              <el-button
+                @click="operate('view', scope.row)">查看</el-button>
-                type="primary"
+              <el-button type="primary" icon="el-icon-edit" size="mini" @click="operate('edit', scope.row)"
-                icon="el-icon-view"
+                :disabled="scope.row.state == 1">编辑</el-button>
-                size="mini"
+              <el-button type="primary" icon="el-icon-upload2" size="mini" @click="operate('pushEdit', scope.row)"
-                @click="operate('view', scope.row)"
+                :disabled="scope.row.state == 1">发布</el-button>
-                >查看</el-button
+              <el-button class="tingYong_btn" icon="el-icon-remove-outline" size="mini"
-              >
+                @click="operate('stop', scope.row)" :disabled="scope.row.state != 1">停用</el-button>
-              <el-button
+              <el-button class="shanChu_btn" icon="el-icon-delete" size="mini" @click="operate('del', scope.row)"
-                type="primary"
+                :disabled="scope.row.state != 2">删除</el-button>
-                icon="el-icon-edit"
-                size="mini"
-                @click="operate('edit', scope.row)"
-                :disabled="scope.row.state == 1"
-                >编辑</el-button
-              >
-              <el-button
-                type="primary"
-                icon="el-icon-upload2"
-                size="mini"
-                @click="operate('pushEdit', scope.row)"
-                :disabled="scope.row.state == 1"
-                >发布</el-button
-              >
-              <el-button
-                class="tingYong_btn"
-                icon="el-icon-remove-outline"
-                size="mini"
-                @click="operate('stop', scope.row)"
-                :disabled="scope.row.state != 1"
-                >停用</el-button
-              >
-              <el-button
-                class="shanChu_btn"
-                icon="el-icon-delete"
-                size="mini"
-                @click="operate('del', scope.row)"
-                :disabled="scope.row.state != 2"
-                >删除</el-button
-              >
            </div>
          </template>
        </el-table-column>
      </el-table>
-      <el-pagination
+      <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
-        background
+        :current-page="page.current" :page-sizes="page.sizes" :page-size="page.size"
-        @size-change="handleSizeChange"
+        layout="total, sizes, prev, pager, next, jumper" :total="page.total">
-        @current-change="handleCurrentChange"
-        :current-page="page.current"
-        :page-sizes="page.sizes"
-        :page-size="page.size"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="page.total"
-      >
      </el-pagination>
    </div>
-    <el-dialog
+    <el-dialog :title="title" :visible.sync="add_dialog" top="4%" class="dialog1" :center="false" width="60%">
-      :title="title"
-      :visible.sync="add_dialog"
-      top="4%"
-      class="dialog1"
-      :center="false"
-      width="60%"
-    >
      <div class="add_dialog_content">
        <el-form :model="formData" :rules="rules" ref="viewForm">
          <div class="form_item_container">
            <el-form-item class="cross" label="架构视图名称:" prop="viewName">
-              <el-input
+              <el-input v-model="formData.viewName" maxlength="100"
-                v-model="formData.viewName"
+                :disabled="title == '查看架构视图' ? true : false"></el-input>
-                maxlength="100"
-                :disabled="title == '查看架构视图' ? true : false"
-              ></el-input>
            </el-form-item>
            <el-form-item class="cross" label="架构大类:" prop="archiStage">
-              <el-select
+              <el-select v-model="formData.archiStage" placeholder="请选择" clearable
-                v-model="formData.archiStage"
+                :disabled="title == '查看架构视图' ? true : false">
-                placeholder="请选择"
-                clearable
-                :disabled="title == '查看架构视图' ? true : false"
-              >
                <el-option label="总体架构" :value="1"></el-option>
                <el-option label="系统架构" :value="2"></el-option>
                <el-option label="概设架构" :value="3"></el-option>
@@ -308,58 +143,28 @@
              </el-select>
            </el-form-item>
            <el-form-item class="cross" label="架构层次:" prop="archiLevelId">
-              <el-select
+              <el-select v-model="formData.archiLevelId" placeholder="请选择" clearable
-                v-model="formData.archiLevelId"
+                :disabled="title == '查看架构视图' ? true : false">
-                placeholder="请选择"
+                <el-option v-for="(item, idnex) in levelList" :key="idnex" :label="item.label"
-                clearable
+                  :value="item.value"></el-option>
-                :disabled="title == '查看架构视图' ? true : false"
-              >
-                <el-option
-                  v-for="(item, idnex) in levelList"
-                  :key="idnex"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item class="cross" label="架构归属:" prop="archiBelongId">
-              <el-select
+              <el-select v-model="formData.archiBelongId" placeholder="请选择" clearable
-                v-model="formData.archiBelongId"
+                :disabled="title == '查看架构视图' ? true : false">
-                placeholder="请选择"
+                <el-option v-for="(item, idnex) in belongList" :key="idnex" :label="item.label"
-                clearable
+                  :value="item.value"></el-option>
-                :disabled="title == '查看架构视图' ? true : false"
-              >
-                <el-option
-                  v-for="(item, idnex) in belongList"
-                  :key="idnex"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
              </el-select>
            </el-form-item>
-            <el-form-item v-if="this.openType == 'edit' || this.openType == 'view'" class="cross1" label="视图编码:" prop="viewCode">
+            <el-form-item v-if="this.openType == 'edit' || this.openType == 'view'" class="cross1" label="视图编码:"
-              <el-input
+              prop="viewCode">
-                type="textarea"
+              <el-input type="textarea" :rows="1" maxlength="200" disabled show-word-limit placeholder="请输入内容"
-                :rows="1"
+                class="dialog_form_item_content" v-model="formData.viewCode"></el-input>
-                maxlength="200"
-                disabled
-                show-word-limit
-                placeholder="请输入内容"
-                class="dialog_form_item_content"
-                v-model="formData.viewCode"
-              ></el-input>
            </el-form-item>
            <el-form-item class="cross1" label="视图描述:" prop="content">
-              <el-input
+              <el-input type="textarea" :rows="3" maxlength="200" :disabled="title == '查看架构视图' ? true : false"
-                type="textarea"
+                show-word-limit placeholder="请输入内容" class="dialog_form_item_content"
-                :rows="3"
+                v-model="formData.content"></el-input>
-                maxlength="200"
-                :disabled="title == '查看架构视图' ? true : false"
-                show-word-limit
-                placeholder="请输入内容"
-                class="dialog_form_item_content"
-                v-model="formData.content"
-              ></el-input>
            </el-form-item>
          </div>
        </el-form>
@@ -368,12 +173,7 @@
            <span class="reqIcon">*</span>元素范围
          </div>
          <el-input v-model="formData.eleName" readonly></el-input>
-          <el-button
+          <el-button type="primary" @click="openDialog2" v-if="title == '查看架构视图' ? false : true">添加</el-button>
-            type="primary"
-            @click="openDialog2"
-            v-if="title == '查看架构视图' ? false : true"
-            >添加</el-button
-          >
          <!-- <el-table :data="tableData1" ref="multipleTable1" border height="195" @selection-change="handleSelectionChange1">
 						<el-table-column type="selection" width="55"></el-table-column>
@@ -393,7 +193,7 @@
            >添加</el-button
          >
        </div> -->
-        <div
+        <!-- <div
          style="text-align: right; margin: 20px 0 10px 0; width: 96%"
          v-if="title != '新建架构视图'"
        >
@@ -465,69 +265,32 @@
              </template>
            </el-table-column>
          </el-table>
+        </div> -->
      </div>
-      </div>
+      <span slot="footer" class="dialog-footer" v-if="title == '查看架构视图' ? false : true">
-      <span
+        <el-button class="greenButton" @click="operate('pushAdd')">发布</el-button>
-        slot="footer"
+        <el-button class="greenButton" @click="operate('create')">保存</el-button>
-        class="dialog-footer"
+        <el-button @click="closeAddDialog">取消</el-button>
-        v-if="title == '查看架构视图' ? false : true"
-      >
-        <el-button class="greenButton" @click="operate('pushAdd')"
-          >发布</el-button
-        >
-        <el-button class="greenButton" @click="operate('create')"
-          >保存</el-button
-        >
-        <el-button @click="add_dialog = false">取消</el-button>
      </span>
    </el-dialog>
-    <el-dialog
+    <el-dialog title="编辑字典属性" :visible.sync="dicy_dialog" :center="false" :close-on-click-modal="false" width="60%">
-      title="编辑字典属性"
+      <el-form :model="ruleForm2" ref="form2" :rules="rules2" style="display: flex; flex-wrap: wrap">
-      :visible.sync="dicy_dialog"
-      :center="false"
-      :close-on-click-modal="false"
-      width="60%"
-    >
-      <el-form
-        :model="ruleForm2"
-        ref="form2"
-        :rules="rules2"
-        style="display: flex; flex-wrap: wrap"
-      >
        <el-form-item label="字段名:" prop="let1">
-          <el-input
+          <el-input v-no-backslash v-model="ruleForm2.let1" maxlength="100" :rules="[
-            v-no-backslash
-            v-model="ruleForm2.let1"
-            maxlength="100"
-            :rules="[
              { required: true, message: '请输入字段名', trigger: 'blur' },
-            ]"
+            ]"></el-input>
-          ></el-input>
        </el-form-item>
        <el-form-item label="中文名:" prop="let2">
-          <el-input
+          <el-input v-no-backslash v-model="ruleForm2.let2" maxlength="100" :rules="[
-            v-no-backslash
-            v-model="ruleForm2.let2"
-            maxlength="100"
-            :rules="[
              { required: true, message: '请输入中文名', trigger: 'blur' },
-            ]"
+            ]"></el-input>
-          ></el-input>
        </el-form-item>
        <el-form-item label="排序:" prop="let3">
-          <el-input-number
+          <el-input-number style="width: 200px" v-model="ruleForm2.let3" :min="0"></el-input-number>
-            style="width: 200px"
-            v-model="ruleForm2.let3"
-            :min="0"
-          ></el-input-number>
        </el-form-item>
        <el-form-item label="长度:" prop="let4">
-          <el-input-number
+          <el-input-number style="width: 200px" v-model="ruleForm2.let4" :min="0"></el-input-number>
-            style="width: 200px"
-            v-model="ruleForm2.let4"
-            :min="0"
-          ></el-input-number>
        </el-form-item>
        <el-form-item label="是否可以展示:" prop="let5">
          <el-radio-group v-model="ruleForm2.let5">
@@ -550,12 +313,8 @@
        </el-form-item>
        <el-form-item v-if="ruleForm2.let7 == 2" label="控件值:" prop="let8">
          <el-select v-model="ruleForm2.let8" placeholder="请选择" clearable>
-            <el-option
+            <el-option v-for="(item, idnex) in controlValueSelect" :key="idnex" :label="item.name"
-              v-for="(item, idnex) in controlValueSelect"
+              :value="item.typeValue"></el-option>
-              :key="idnex"
-              :label="item.name"
-              :value="item.typeValue"
-            ></el-option>
          </el-select>
        </el-form-item>
      </el-form>
@@ -565,18 +324,8 @@
      </span>
    </el-dialog>
-    <el-dialog
+    <el-dialog title="元素选择" :visible.sync="dialog2" :center="false" :close-on-click-modal="false" width="40%">
-      title="元素选择"
+      <el-transfer v-model="transferValue1" :data="tableData1" :right-default-checked="transferValue1">
-      :visible.sync="dialog2"
-      :center="false"
-      :close-on-click-modal="false"
-      width="40%"
-    >
-      <el-transfer
-        v-model="transferValue1"
-        :data="tableData1"
-        :right-default-checked="transferValue1"
-      >
      </el-transfer>
      <span slot="footer" class="dialog-footer">
        <el-button class="greenButton" @click="saveDialog2">保存</el-button>
@@ -584,18 +333,8 @@
      </span>
    </el-dialog>
-    <el-dialog
+    <el-dialog title="元素关系选择" :visible.sync="dialog3" :center="false" :close-on-click-modal="false" width="40%">
-      title="元素关系选择"
+      <el-transfer v-model="transferValue2" :data="tableData2" :right-default-checked="transferValue2">
-      :visible.sync="dialog3"
-      :center="false"
-      :close-on-click-modal="false"
-      width="40%"
-    >
-      <el-transfer
-        v-model="transferValue2"
-        :data="tableData2"
-        :right-default-checked="transferValue2"
-      >
      </el-transfer>
      <span slot="footer" class="dialog-footer">
        <el-button class="greenButton" @click="saveDialog3">保存</el-button>
@@ -735,7 +474,7 @@ export default {
      openType: '',
    }
  },
-  created(){
+  created() {
    // 获取下拉
    this.getArchiStageList()
    this.getLevelList()
@@ -761,16 +500,16 @@ export default {
  },
  methods: {
    // 架构大类
-    getArchiStageList(){
+    getArchiStageList() {
-      query_jia_gou_ceng_ci_new({"typeValue": "archi_stage"}).then(res => {
+      query_jia_gou_ceng_ci_new({ "typeValue": "archi_stage" }).then(res => {
        if (res.code == 200) {
          this.archiStageList = res.data
        }
      })
    },
    // 状态
-    getStateList(){
+    getStateList() {
-      query_jia_gou_ceng_ci_new({"typeValue": "sys_state"}).then(res => {
+      query_jia_gou_ceng_ci_new({ "typeValue": "sys_state" }).then(res => {
        if (res.code == 200) {
          this.stateList = res.data
        }
@@ -984,7 +723,7 @@ export default {
    // 获取下拉
    getLevelList() {
      // query_jia_gou_ceng_ci().then((res) => {
-      query_jia_gou_ceng_ci_new({"typeValue": "archi_level"}).then(res => {
+      query_jia_gou_ceng_ci_new({ "typeValue": "archi_level" }).then(res => {
        if (res.code == 200) {
          this.levelList = res.data
          this.levelList.forEach((item) => {
@@ -995,7 +734,7 @@ export default {
    },
    getBelongList() {
      // query_jia_gou_gui_shu().then((res) => {
-      query_jia_gou_ceng_ci_new({"typeValue": "archi_belong"}).then(res => {
+      query_jia_gou_ceng_ci_new({ "typeValue": "archi_belong" }).then(res => {
        if (res.code == 200) {
          this.belongList = res.data
          this.belongList.forEach((item) => {
@@ -1028,7 +767,7 @@ export default {
    // 	});
    // },
    getEleList() {
-      getEleList({state: 1}).then((res) => {
+      getEleList({ state: 1 }).then((res) => {
        if (res.code == 200) {
          res.data.map((item) => {
            item['key'] = item.elementId
@@ -1039,7 +778,7 @@ export default {
      })
    },
    gtEleRelList() {
-      gtEleRelList({state: 1}).then((res) => {
+      gtEleRelList({ state: 1 }).then((res) => {
        if (res.code == 200) {
          res.data.map((item) => {
            item['key'] = item.eleRelaId
@@ -1073,6 +812,10 @@ export default {
      this.params.current = val
      this.getList()
    },
+    async closeAddDialog() {
+      await this.$refs.viewForm.resetFields()
+      this.add_dialog = false
+    },
    // 所有操作
    operate(type, item) {
      this.openType = type
@@ -1135,7 +878,6 @@ export default {
      } else if (type == 'edit') {
        this.add_dialog = true
        this.title = '编辑架构视图'
-        this.$refs.viewForm.resetFields()
        this.resetForm()
        this.viewId = item.viewId
@@ -1312,7 +1054,7 @@ export default {
              }
            })
          })
-          .catch(() => {})
+          .catch(() => { })
      } else if (type == 'stop') {
        // 停用
        this.$confirm('确认停用吗', '提示', {
@@ -1332,7 +1074,7 @@ export default {
              }
            })
          })
-          .catch(() => {})
+          .catch(() => { })
      } else if (type == 'del') {
        // 删除
        this.$confirm('确认删除吗', '提示', {
@@ -1352,7 +1094,7 @@ export default {
              }
            })
          })
-          .catch(() => {})
+          .catch(() => { })
      } else if (type == 'pushAll') {
        if (this.selectList.length <= 0) {
          this.$message.error('请选择一项进行发布')
@@ -1381,7 +1123,7 @@ export default {
              }
            })
          })
-          .catch(() => {})
+          .catch(() => { })
      }
    },
    // 新建清空表单
@@ -1434,6 +1176,7 @@ export default {
 .confirmClass {
  background-color: #0d867f !important;
 }
 .el-message-box__content {
  padding: 60px 15px 60px 15px;
 }
@@ -1444,23 +1187,28 @@ export default {
  color: #0d867f;
  border: 0;
 }
 .el-button.is-disabled {
  color: #c0c4cc !important;
  background-color: #fff !important;
 }
 .el-form-item {
  display: flex;
  align-items: center;
  width: 33%;
 }
 .tingYong_btn {
  color: #dea82a;
  background-color: #fdf6e6;
 }
 .shanChu_btn {
  color: #dd6a15;
  background-color: #f8ebe2;
 }
 .JiaGouYuanShuGuanLi {
  width: 100%;
  height: 100%;
@@ -1469,57 +1217,73 @@ export default {
  justify-content: flex-start;
  align-items: center;
 }
 /deep/ .dialog1 .el-dialog__body {
  height: 55vh;
  overflow-y: auto;
 }
 /deep/ .el-transfer-panel__item {
  text-align: left;
 }
 /deep/ .el-dialog__header {
  background-color: #0d867f;
  text-align: left;
 }
 /deep/ .el-dialog__title {
  color: #fff;
 }
 /deep/ .el-dialog__close {
  color: #fff;
 }
 .form_item_container {
  display: flex;
  flex-wrap: wrap;
  .cross {
    width: 32% !important;
    /deep/ .el-form-item__label {
      width: 40%;
    }
    /deep/ .el-form-item__content {
      width: 60% !important;
    }
  }
  .cross1 {
    width: 100% !important;
    /deep/ .el-form-item__label {
      width: 13%;
    }
    /deep/ .el-form-item__content {
      width: 83% !important;
    }
  }
  .el-form-item {
    display: flex;
    width: 100%;
  }
 }
 .dialog_content_1 {
  display: flex;
  justify-content: space-between;
 }
 .search_menu {
  display: flex;
  justify-content: space-between;
 }
 .search_menu_item_container {
  display: flex;
  align-items: center;
@@ -1527,30 +1291,36 @@ export default {
  width: 90%;
  justify-content: space-between;
 }
 .search_menu_btn_container {
  display: flex;
  align-items: center;
  width: 10%;
 }
 .search_menu_item {
  display: flex;
  align-items: center;
  // width: 344px;
 }
 .search_title {
  /* width: 20%; */
  flex-shrink: 0;
  margin-right: 15px;
 }
 .search_item {
  width: 60%;
 }
 .search_btn {
  width: 100%;
  display: flex;
  margin-top: 14px;
  margin-bottom: 14px;
 }
 .add_btn {
  display: flex;
  align-items: center;
@@ -1564,6 +1334,7 @@ export default {
  color: #0d867f;
  cursor: pointer;
 }
 .version_btn {
  display: flex;
  align-items: center;
@@ -1578,6 +1349,7 @@ export default {
  cursor: pointer;
  margin-left: 15px;
 }
 .query_btn {
  display: flex;
  align-items: center;
@@ -1592,6 +1364,7 @@ export default {
  margin-right: 10px;
  cursor: pointer;
 }
 .reset_btn {
  display: flex;
  align-items: center;
@@ -1605,48 +1378,60 @@ export default {
  color: #666;
  cursor: pointer;
 }
 .btn_icon {
  margin-right: 10px;
 }
 .table_container {
  width: 97%;
  margin-top: 20px;
  height: calc(100% - 40px);
  .editBtn {
    color: #0d867f;
  }
  .delBtn {
    color: #db6209;
  }
  .stopBtn {
    color: #e7a20e;
  }
 }
 .el-pagination {
  margin-top: 50px;
 }
 .dialog_form_item {
  width: 96%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
 }
 .dialog_form_item_title {
  flex-shrink: 0;
  margin-right: 15px;
  width: 130px;
  text-align: right;
  .reqIcon {
    color: #f56c6c;
    margin-right: 4px;
  }
 }
 /deep/ .el-dialog__header {
  text-align: left;
 }
 /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #0d867f;
 }
 .greenButton {
  background-color: #0d867f;
  color: #fff;