删除管理界面不需要的代码

.idea/workspace.xml

@@ -2,13 +2,9 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="690c02a3-0e7d-4c4a-8f0c-a44c44c3a162" name="Default Changelist" comment="">
+      <change afterPath="$PROJECT_DIR$/src/renderer/assets/less/mainpage.less" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/renderer/components/Admin.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/renderer/components/Admin.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/renderer/components/BigShow.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/renderer/components/BigShow.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/renderer/components/Button.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/renderer/components/Button.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/renderer/store/actions.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/renderer/store/actions.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/renderer/store/mutation-types.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/renderer/store/mutation-types.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/renderer/store/mutations.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/renderer/store/mutations.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/renderer/store/state.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/renderer/store/state.js" afterDir="false" />
     </list>
     <ignored path="$PROJECT_DIR$/dist/" />
     <ignored path="$PROJECT_DIR$/.tmp/" />
@@ -22,128 +18,23 @@
   </component>
   <component name="FileEditorManager">
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/renderer/components/Button.vue">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="286">
-              <caret line="172" column="48" selection-start-line="172" selection-start-column="48" selection-end-line="172" selection-end-column="48" />
-            </state>
-          </provider>
-        </entry>
-      </file>
       <file pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/src/renderer/components/BigShow.vue">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="126">
-              <caret line="91" column="8" lean-forward="true" selection-start-line="91" selection-start-column="8" selection-end-line="91" selection-end-column="8" />
-              <folding>
-                <element signature="n#template#0;n#!!top" />
-                <element signature="n#div#0;n#template#0;n#!!top" />
-                <element signature="n#draggable#0;n#div#0;n#template#0;n#!!top" />
-                <element signature="n#div#0;n#draggable#0;n#div#0;n#template#0;n#!!top" />
-                <element signature="n#script#0;n#!!top" />
-                <element signature="e#1190#2376#0" />
-                <element signature="e#1207#1429#0" />
-                <element signature="e#1228#1339#0" />
-                <element signature="e#1452#1486#0" />
-                <element signature="e#1506#1980#0" />
-                <element signature="e#1582#1852#0" />
-                <element signature="e#1753#2370#0" />
-                <element signature="e#1862#1894#0" />
-                <element signature="e#1887#1956#0" />
-                <element signature="e#1981#2101#0" />
-                <element signature="e#2074#2378#0" />
-                <element signature="e#2099#2364#0" />
-                <element signature="e#2162#2304#0" />
-                <element signature="e#2407#2541#0" />
-                <element signature="e#2432#2527#0" />
-                <element signature="n#style#0;n#!!top" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/renderer/store/actions.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="63">
-              <caret line="27" column="1" lean-forward="true" selection-start-line="27" selection-start-column="1" selection-end-line="27" selection-end-column="1" />
-              <folding>
-                <element signature="e#121#498#0" />
-                <element signature="e#126#209#0" />
-                <element signature="e#235#311#0" />
-                <element signature="e#347#357#0" />
-                <element signature="e#421#431#0" />
-                <element signature="e#518#528#0" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/renderer/store/mutations.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="378">
-              <caret line="18" column="7" lean-forward="true" selection-start-line="18" selection-start-column="7" selection-end-line="18" selection-end-column="7" />
-              <folding>
-                <element signature="n#!!doc" expanded="true" />
-                <element signature="e#25#78#0" expanded="true" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/renderer/store/state.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="399">
-              <caret line="19" column="15" selection-start-line="19" selection-start-column="2" selection-end-line="19" selection-end-column="15" />
-              <folding>
-                <element signature="n#!!doc" expanded="true" />
-                <element signature="e#145#197#0" expanded="true" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/renderer/store/mutation-types.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="168">
-              <caret line="8" lean-forward="true" selection-start-line="8" selection-end-line="8" />
-              <folding>
-                <element signature="n#!!doc" expanded="true" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/src/renderer/components/Admin.vue">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="609">
-              <caret line="53" column="42" selection-start-line="53" selection-start-column="29" selection-end-line="53" selection-end-column="42" />
+            <state relative-caret-position="273">
+              <caret line="109" lean-forward="true" selection-start-line="109" selection-end-line="109" />
               <folding>
-                <element signature="e#886#1950#0" />
-                <element signature="e#3129#3753#0" />
-                <element signature="e#3820#4452#0" />
-                <element signature="e#4522#5964#0" />
-                <element signature="e#6036#7384#0" />
+                <element signature="n#template#0;n#!!top" />
+                <element signature="n#div#0;n#div#0;n#template#0;n#!!top" />
                 <element signature="e#7454#8177#0" />
-                <element signature="e#8230#8259#0" expanded="true" />
-                <element signature="e#8787#8825#0" expanded="true" />
+                <element signature="n#script#0;n#!!top" />
+                <element signature="e#2007#2036#0" expanded="true" />
+                <element signature="e#9089#9302#0" />
+                <element signature="e#9320#10092#0" />
+                <element signature="e#9341#10082#0" />
+                <element signature="e#10113#11634#0" />
+                <element signature="e#11654#21700#0" />
                 <element signature="e#21721#22273#0" />
-                <element signature="n#style#0;n#!!top" />
-                <element signature="e#22339#24494#0" />
-                <element signature="e#22456#23872#0" />
-                <element signature="e#22655#23862#0" />
-                <element signature="e#22850#22933#0" />
-                <element signature="e#22995#23848#0" />
-                <element signature="e#23242#23433#0" />
-                <element signature="e#23509#23830#0" />
-                <element signature="e#23957#24047#0" />
-                <element signature="e#24110#24279#0" />
-                <element signature="e#24339#24488#0" />
               </folding>
             </state>
           </provider>
@@ -211,7 +102,6 @@
   <component name="IdeDocumentHistory">
     <option name="CHANGED_PATHS">
       <list>
-        <option value="$PROJECT_DIR$/src/renderer/assets/less/common.less" />
         <option value="$PROJECT_DIR$/src/renderer/components/modal/addSignal.vue" />
         <option value="$PROJECT_DIR$/src/renderer/components/modal/settingBackground.vue" />
         <option value="$PROJECT_DIR$/src/renderer/components/modal/addPrePlan.vue" />
@@ -255,17 +145,18 @@
         <option value="$PROJECT_DIR$/src/renderer/components/SignalList.vue" />
         <option value="$PROJECT_DIR$/src/renderer/components/Image.vue" />
         <option value="$PROJECT_DIR$/src/renderer/components/Slider.vue" />
-        <option value="$PROJECT_DIR$/src/renderer/components/Admin.vue" />
         <option value="$PROJECT_DIR$/src/renderer/store/state.js" />
         <option value="$PROJECT_DIR$/src/renderer/store/mutation-types.js" />
         <option value="$PROJECT_DIR$/src/renderer/store/actions.js" />
         <option value="$PROJECT_DIR$/src/renderer/store/mutations.js" />
         <option value="$PROJECT_DIR$/src/renderer/components/BigShow.vue" />
         <option value="$PROJECT_DIR$/src/renderer/components/Button.vue" />
+        <option value="$PROJECT_DIR$/src/renderer/assets/less/mainpage.less" />
+        <option value="$PROJECT_DIR$/src/renderer/components/Admin.vue" />
       </list>
     </option>
   </component>
-  <component name="ProjectFrameBounds" extendedState="6">
+  <component name="ProjectFrameBounds" extendedState="7">
     <option name="x" value="-420" />
     <option name="y" value="19" />
     <option name="width" value="1366" />
@@ -279,17 +170,7 @@
       <foldersAlwaysOnTop value="true" />
     </navigator>
     <panes>
-      <pane id="ProjectPane">
-        <subPane>
-          <expand>
-            <path>
-              <item name="electron-app" type="b2602c69:ProjectViewProjectNode" />
-              <item name="electron-app" type="462c0819:PsiDirectoryNode" />
-            </path>
-          </expand>
-          <select />
-        </subPane>
-      </pane>
+      <pane id="ProjectPane" />
       <pane id="Scope" />
     </panes>
   </component>
@@ -387,12 +268,12 @@
       <workItem from="1587693233014" duration="13335000" />
       <workItem from="1587778065289" duration="15000" />
       <workItem from="1587792062979" duration="12462000" />
-      <workItem from="1587865780844" duration="9757000" />
+      <workItem from="1587865780844" duration="10791000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="358837000" />
+    <option name="totallyTimeSpent" value="359871000" />
   </component>
   <component name="TodoView">
     <todo-panel id="selected-file">
@@ -432,7 +313,6 @@
     <option name="version" value="1" />
   </component>
   <component name="editorHistoryManager">
-    <entry file="file://$PROJECT_DIR$/../../新建文件夹/sliderDemo.html" />
     <entry file="file://$PROJECT_DIR$/../../新建文件夹/slideDemo.html">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="546">
@@ -3348,44 +3228,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/renderer/assets/less/admin.less">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="189">
-          <caret line="9" column="18" lean-forward="true" selection-start-line="9" selection-start-column="18" selection-end-line="9" selection-end-column="18" />
-          <folding>
-            <element signature="e#187#225#0" />
-            <element signature="e#253#4747#0" />
-            <element signature="e#340#599#0" />
-            <element signature="e#506#593#0" />
-            <element signature="e#632#4629#0" />
-            <element signature="e#763#1168#0" />
-            <element signature="e#976#1012#0" />
-            <element signature="e#1068#1160#0" />
-            <element signature="e#1210#2997#0" />
-            <element signature="e#1326#1746#0" />
-            <element signature="e#1596#1736#0" />
-            <element signature="e#1790#1921#0" />
-            <element signature="e#1966#2095#0" />
-            <element signature="e#2140#2279#0" />
-            <element signature="e#2328#2457#0" />
-            <element signature="e#2498#2989#0" />
-            <element signature="e#2625#2829#0" />
-            <element signature="e#2872#2979#0" />
-            <element signature="e#3036#4623#0" />
-            <element signature="e#3236#3296#0" />
-            <element signature="e#3334#4614#0" />
-            <element signature="e#3424#4603#0" />
-            <element signature="e#3623#4591#0" />
-            <element signature="e#3805#3882#0" />
-            <element signature="e#3940#4577#0" />
-            <element signature="e#4125#4281#0" />
-            <element signature="e#4347#4561#0" />
-            <element signature="e#4660#4743#0" />
-            <element signature="e#4774#4812#0" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/static/EnityLogin.json">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="567">
@@ -3739,35 +3581,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/renderer/components/Admin.vue">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="609">
-          <caret line="53" column="42" selection-start-line="53" selection-start-column="29" selection-end-line="53" selection-end-column="42" />
-          <folding>
-            <element signature="e#886#1950#0" />
-            <element signature="e#3129#3753#0" />
-            <element signature="e#3820#4452#0" />
-            <element signature="e#4522#5964#0" />
-            <element signature="e#6036#7384#0" />
-            <element signature="e#7454#8177#0" />
-            <element signature="e#8230#8259#0" expanded="true" />
-            <element signature="e#8787#8825#0" expanded="true" />
-            <element signature="e#21721#22273#0" />
-            <element signature="n#style#0;n#!!top" />
-            <element signature="e#22339#24494#0" />
-            <element signature="e#22456#23872#0" />
-            <element signature="e#22655#23862#0" />
-            <element signature="e#22850#22933#0" />
-            <element signature="e#22995#23848#0" />
-            <element signature="e#23242#23433#0" />
-            <element signature="e#23509#23830#0" />
-            <element signature="e#23957#24047#0" />
-            <element signature="e#24110#24279#0" />
-            <element signature="e#24339#24488#0" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/renderer/store/mutation-types.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="168">
@@ -3830,5 +3643,81 @@
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/src/renderer/assets/less/admin.less">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="252">
+          <caret line="15" column="3" lean-forward="true" selection-start-line="15" selection-start-column="3" selection-end-line="15" selection-end-column="3" />
+          <folding>
+            <element signature="e#187#225#0" />
+            <element signature="e#253#4747#0" />
+            <element signature="e#340#599#0" />
+            <element signature="e#506#593#0" />
+            <element signature="e#632#4629#0" />
+            <element signature="e#763#1168#0" />
+            <element signature="e#976#1012#0" />
+            <element signature="e#1068#1160#0" />
+            <element signature="e#1210#2997#0" />
+            <element signature="e#1326#1746#0" />
+            <element signature="e#1596#1736#0" />
+            <element signature="e#1790#1921#0" />
+            <element signature="e#1966#2095#0" />
+            <element signature="e#2140#2279#0" />
+            <element signature="e#2328#2457#0" />
+            <element signature="e#2498#2989#0" />
+            <element signature="e#2625#2829#0" />
+            <element signature="e#2872#2979#0" />
+            <element signature="e#3036#4623#0" />
+            <element signature="e#3236#3296#0" />
+            <element signature="e#3334#4614#0" />
+            <element signature="e#3424#4603#0" />
+            <element signature="e#3623#4591#0" />
+            <element signature="e#3805#3882#0" />
+            <element signature="e#3940#4577#0" />
+            <element signature="e#4125#4281#0" />
+            <element signature="e#4347#4561#0" />
+            <element signature="e#4660#4743#0" />
+            <element signature="e#4774#4812#0" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/renderer/assets/less/mainpage.less">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="84">
+          <caret line="4" column="25" lean-forward="true" selection-start-line="4" selection-start-column="25" selection-end-line="4" selection-end-column="25" />
+          <folding>
+            <element signature="e#141#1557#0" />
+            <element signature="e#340#1547#0" />
+            <element signature="e#535#618#0" />
+            <element signature="e#680#1533#0" />
+            <element signature="e#927#1118#0" />
+            <element signature="e#1194#1515#0" />
+            <element signature="e#1642#1732#0" />
+            <element signature="e#1795#1964#0" />
+            <element signature="e#2024#2173#0" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/renderer/components/Admin.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="273">
+          <caret line="109" lean-forward="true" selection-start-line="109" selection-end-line="109" />
+          <folding>
+            <element signature="n#template#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#template#0;n#!!top" />
+            <element signature="e#7454#8177#0" />
+            <element signature="n#script#0;n#!!top" />
+            <element signature="e#2007#2036#0" expanded="true" />
+            <element signature="e#9089#9302#0" />
+            <element signature="e#9320#10092#0" />
+            <element signature="e#9341#10082#0" />
+            <element signature="e#10113#11634#0" />
+            <element signature="e#11654#21700#0" />
+            <element signature="e#21721#22273#0" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
   </component>
 </project>

src/renderer/assets/less/mainpage.less

@@ -0,0 +1,78 @@
+// 容器样式
+.containers {
+  width: 100%;
+  height: 981px;
+  background-color: #333;
+
+  // 列表项样式
+  .signal_item {
+    width: 100%;
+    height: 132px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    /*背景*/
+    .signal_item_bg {
+      width: 90%;
+      height: 130px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      &:hover {
+        background-color: rgba(113, 113, 113, 0.3);
+      }
+
+      /*主体*/
+      .signal_item_bg_body {
+        width: 96%;
+        height: 96%;
+        background-color: rgba(127, 127, 127, 0.5);
+        border-radius: 2px;
+
+        /*空间*/
+
+        .signal_item_bg_body_space {
+          width: 94%;
+          height: 80%;
+          background-color: green;
+          margin: 6px auto 2px;
+        }
+
+        /*文字*/
+
+        .signal_item_bg_body_font {
+          width: 100%;
+          height: 15%;
+          text-align: center;
+          margin: 0 auto;
+          font-size: 16px;
+          color: #fff;
+          font-family: "Gill Sans", sans-serif;
+        }
+      }
+    }
+  }
+
+  // 滚动条样式
+  /*定义滚动条高宽及背景高宽:分别对应横竖滚动条的尺寸*/
+  ::-webkit-scrollbar {
+    width: 4px;
+    background-color: rgba(10, 66, 125, 0.65);
+  }
+
+  /*定义滚动条轨道:内阴影+圆角*/
+  ::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(10, 66, 125, 0.3);
+    border-radius: 10px;
+    background-color: rgba(10, 66, 125, 0.65);
+  }
+
+  /*定义滑块:内阴影+圆角*/
+  ::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    -webkit-box-shadow: inset 0 0 6px rgba(10, 66, 125, .3);
+    background-color: #666;
+  }
+}

src/renderer/components/Admin.vue

@@ -19,164 +19,21 @@
             }"
         >
             <!--按钮-->
-            <!--<div v-for="item in buttonJson"
-                 :style="{
-                    position:'absolute',
-                    left:item.Left+'px',
-                    top:item.Top+'px',
-                    width:item.Width + 'px',
-                    height:item.Height + 'px',
-                    zIndex:item.ZIndex,
-                    display:item.IsVisibility ? 'block' : 'none',
-                    fontSize:item.FontSize + 'px',
-                    backgroundImage:'url('+require(`../../../static/images/${item.BackIcon}`)+')',
-                    backgroundSize:'100% 100%',
-                    backgroundRepeat:'no-repeat',
-                    color:`#${item.ForegroundStr.slice(3)}`,
-                    textAlign:'center',
-                    lineHeight:item.Height + 'px',
-                    cursor:'default'
-                }"
-                 :ref="item.ID"
-                 @click="clickBtn(item)"
-                 @mousedown="mouseDown(item)"
-                 @mouseup="mouseUp(item)"
-            >
-                {{item.Text}}
-            </div>-->
             <ButtonComponent />
 
             <!--大屏显示-->
-            <!--<draggable
-                    :class="['split_screen', splitScreenStatus === 0 ? 'split_screen_one' : splitScreenStatus === 1 ? 'split_screen_four' : splitScreenStatus === 2 ? 'split_screen_nine' : 'split_screen_sixteen']"
-                    v-for="item in bigScreenJson"
-                    element="div"
-                    v-model="signalPreList"
-                    :options="dragOptions2"
-                    :move="onMove"
-                    @start="isDragging=true"
-                    @end="isDragging=false"
-                    :style="{
-                    left:item.Left+'px',
-                    top:item.Top+'px',
-                    width:item.Width + 'px',
-                    height:item.Height + 'px',
-                    zIndex:item.ZIndex,
-                    display:item.IsVisibility ? 'black' : 'none',
-                }"
-            >
-                <div v-for="(item,key) in signalPreList" :key="key" class="item">
-                    {{item.ShowName}}
-                </div>
-            </draggable>-->
             <BigShowComponent />
 
             <!--label标签-->
-            <!--<label v-for="item in labelJson"
-                   :style="{
-                 fontSize:item.FontSize + 'px',
-                 position:'absolute',
-                 left:item.Left+'px',
-                 top:item.Top+'px',
-                 width:item.Width + 'px',
-                 height:item.Height + 'px',
-                 zIndex:item.ZIndex,
-                 display:item.IsVisibility ? 'block' : 'none',
-                 color:`#${item.ForegroundStr.slice(3)}`,
-                 textAlign:'center',
-                 lineHeight:item.Height + 'px',
-            }">
-                {{item.Text}}
-            </label>-->
             <LabelComponent />
 
             <!--图片-->
-            <!--<div v-for="item in imageJson"
-                 :style="{
-                    position:'absolute',
-                    left:item.Left+'px',
-                    top:item.Top+'px',
-                    width:item.Width + 'px',
-                    height:item.Height + 'px',
-                    zIndex:item.ZIndex,
-                    display:item.IsVisibility ? 'block' : 'none',
-                    backgroundImage:'url('+require(`../../../static/images/${item.BackIcon}`)+')',
-                    backgroundRepeat:'no-repeat',
-                    backgroundSize:'100% 100%',
-                }"
-            >
-            </div>-->
             <ImageComponent />
 
             <!--信号源列表-->
-            <!--<draggable
-                    :style="{
-                    left:signalList[0].Left+'px',
-                    top:signalList[0].Top+'px',
-                    width:signalList[0].Width + 'px',
-                    height:signalList[0].Height + 'px',
-                    zIndex:signalList[0].ZIndex,
-                    display:signalList[0].IsVisibility ? 'block' : 'none',
-                    fontSize:signalList[0].FontSize + 'px',
-                    color:`#${signalList[0].ForegroundStr.slice(3)}`,
-                    position:'absolute',
-                    overflow:'auto',
-                    }"
-                    class="signal_body"
-                    element="div"
-                    v-model="signalList[0].PreviewList"
-                    :options="dragOptions1"
-                    :move="onMove"
-                    @start="isDragging=true"
-                    @end="isDragging=false"
-
-            >
-                &lt;!&ndash;列表项&ndash;&gt;
-                <div class="signal_item" v-for="item in signalList[0].PreviewList" :key="item.ID">
-                    <div class="signal_item_bg">
-                        <div class="signal_item_bg_body">
-                            <div class="signal_item_bg_body_space"></div>
-                            <div class="signal_item_bg_body_font">{{item.ShowName}}</div>
-                        </div>
-                    </div>
-                </div>
-            </draggable>-->
             <SignalListComponent />
 
             <!--滑块-->
-            <!--<div v-for="item in sliderJson"
-                 :style="{
-                    position:'absolute',
-                    left:item.Left+'px',
-                    top:item.Top+'px',
-                    width:item.Width + 'px',
-                    height:item.Height + 'px',
-                    zIndex:item.ZIndex,
-                    display:item.IsVisibility ? 'block' : 'none',
-                    backgroundImage:'url('+require(`../../../static/images/${item.BackIcon}`)+')',
-                    backgroundRepeat:'no-repeat',
-                }"
-            >
-                <div
-                        :style="{
-                           width:item.imgBgWidth + 'px',
-                           height:item.imgBgHeight + 'px',
-                        }"
-                >
-                    <div
-                        :style="{
-                            width:item.imgSliderWidth + 'px',
-                            height:item.imgSliderHeight + 'px',
-                            backgroundImage:'url('+require(`../../../static/images/${item.SliderIcon}`)+')',
-                            backgroundRepeat:'no-repeat',
-                            marginLeft:'22px',
-                        }"
-                        @click="clickBtn(item)"
-                    >
-
-                    </div>
-                </div>
-            </div>-->
             <SliderComponent />
 
             <!--其他页面-->
@@ -203,15 +60,7 @@
 <script>
     import {mapState} from 'vuex'
     import storageUtils from "../../utils/storageUtils"
-    // import draggable from 'vuedraggable'
-    // import '../assets/less/splitscreen.less'
-
-    // import labelJson from '../../../static/EnityLable'
-    // import bigScreenJson from '../../../static/EnityBigScreen'
-    // import buttonJson from '../../../static/EnityButton'
-    // import signalList from '../../../static/EnitySignalPreviewList'
-    // import imageJson from '../../../static/EnityImage'
-    // import sliderJson from '../../../static/EnitySlider'
+    import '../assets/less/mainpage.less'
 
     import ButtonComponent from './Button'
     import LabelComponent from './Label'
@@ -222,7 +71,6 @@
 
     export default {
         components: {
-            // draggable,
             ButtonComponent,
             LabelComponent,
             BigShowComponent,
@@ -234,342 +82,23 @@
         data() {
             return {
                 user: storageUtils.getUser(), // 本地存储的用户
-                // signalPreList: [],  // 被拖到大屏中的信号源列表
-                // isDragging: false, // 是否可拖动标志
-                // splitScreenStatus: 0,// 分屏状态（默认0: 自由屏，1: 4分屏  2：9分屏  3: 16分屏）
-                // labelJson, // label标签配置
-                // bigScreenJson,// 大屏显示配置
-                // buttonJson, // button按钮配置
-                // signalList, // 信号源列表配置
-                // sliderJson, // 滑块配置
-                // imageJson, // 图片配置
-               /* count: 0,   // 音量计数器
-                count2: 0, // 预案管理模块计数器
-                count3: 0, // 管理控制按钮计数器
-                count4: 0, // 3个视频按钮计数器
-                count5: 0, // 安卓分布式按钮
-                count6: 0, // 其他按钮*/
             }
         },
 
         mounted() {
-            // 获取分屏按钮数组(将分屏按钮和其他按钮区分开)
-            // this.arr = this.buttonJson.filter(item => (item.WindowID === '9a0dff23-8633-4e7f-89bf-cc4f68ec88e1' || item.WindowID === '08208721-41cc-4f1e-937b-3a1627389049' || item.WindowID === 'ab842585-0c91-4e65-bfed-a219bcaaeb43'))
-
-            // 获取功能按钮涉及到的按钮和label
-            // 1.电源管理  2.音频管理  3.视频管理  4.环境控制  5.电脑控制
-            /*const funcBtnArr = this.buttonJson.filter(item => (item.WindowID === 'd80a8b6e-9f88-41ff-b3a7-1ff8d6ee37a5' || item.WindowID === 'cb2687fd-931a-4b38-a76d-9c3ea171b8d8' || item.WindowID === '027ab76d-6b9c-46ac-abe6-75b8059f786b' || item.WindowID === 'a12b287f-f68c-4efa-b652-d6e5b0a09d0d' || item.WindowID === 'd9868551-b579-4258-9bc7-7c1f733773f5'))
-            const funcLabArr = this.labelJson.filter(item => (item.WindowID === 'd80a8b6e-9f88-41ff-b3a7-1ff8d6ee37a5' || item.WindowID === 'cb2687fd-931a-4b38-a76d-9c3ea171b8d8' || item.WindowID === '027ab76d-6b9c-46ac-abe6-75b8059f786b' || item.WindowID === 'a12b287f-f68c-4efa-b652-d6e5b0a09d0d' || item.WindowID === 'd9868551-b579-4258-9bc7-7c1f733773f5'))
-            this.funcObj = {
-                funcBtnArr,
-                funcLabArr,
-                funSliderArr:this.sliderJson
-            }*/
 
-            // 获取电源管理和电脑控制按钮
-            // this.powerAndCompBtns = this.buttonJson.filter(item => (item.WindowID === 'd80a8b6e-9f88-41ff-b3a7-1ff8d6ee37a5' || item.WindowID === 'd9868551-b579-4258-9bc7-7c1f733773f5') && item.ID !== '19554440-98bc-4644-83a0-d9cefd69153e')
         },
 
         methods: {
-           /* // 移动信号源
-            onMove({relatedContext, draggedContext}) {
-                const relatedElement = relatedContext.element
-                const draggedElement = draggedContext.element
-                return (
-                    (!relatedElement || !relatedElement.fixed) && !draggedElement.fixed
-                )
-            },
-
-            // 分屏操作
-            spliceScreen(value) {
-                this.splitScreenStatus = value
-            },
-
-            // 点击按钮
-            clickBtn(e) {
-                console.log(e)
-
-                // 预案管理声音开关
-                if (e.ID === '355d3c32-1502-40b4-9ddd-663d5b8469e7') {
-                    if (this.count % 2 === 0) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                        ++this.count
-                    } else {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.BackIcon}`) + ')'
-                        ++this.count
-                    }
-                    return
-                }
-
-                // 切换屏幕
-                if (e.Text === 'LCD屏' || e.Text === 'LED屏' || e.Text === '投影机') {
-                    if (this.count4 === 0) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                        ++this.count4
-                    } else if(e !== this.lastData4) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                        this.lastBtn4.style.backgroundImage = 'url(' + require(`../../../static/images/${this.lastData4.BackIcon}`) + ')'
-                    }
-                    // 保存点过的这个按钮和按钮数据
-                    this.lastBtn4 = this.$refs[e.ID][0]
-                    this.lastData4 = e
-
-                    // 首先清屏
-                    this.signalPreList = []
-                    this.arr.forEach(item => {
-                        if (e.MouseDownActionList[0].SourceID === item.WindowID) {
-                            item.IsVisibility = true
-                        } else {
-                            item.IsVisibility = false
-                        }
-                    })
-                    return
-                }
-
-                // 预案管理按钮处理
-                if (e.Name.includes('V0') && e.Name.slice(7) * 1 > 62 && e.Name.slice(7) * 1 < 72) {
-                    if (this.count2 === 0) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                        ++this.count2
-                    } else if(e !== this.lastData) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                        this.lastBtn.style.backgroundImage = 'url(' + require(`../../../static/images/${this.lastData.BackIcon}`) + ')'
-                    }
-                    // 保存点过的按钮和按钮数据
-                    this.lastBtn = this.$refs[e.ID][0]
-                    this.lastData = e
-                    return
-                }
-
-                // 5个管理控制按钮处理
-                if (e.Name.includes('V0--Btn6') || e.Name.includes('V0--Btn61') || e.Name.includes('V0--Btn12') || e.Name.includes('V0--Btn58') || e.Name.includes('V0--Btn77')) {
-                    // （1）背景切换
-                    if (this.count3 === 0) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                        ++this.count3
-                    } else if(e !== this.lastData3) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                        this.lastBtn3.style.backgroundImage = 'url(' + require(`../../../static/images/${this.lastData3.BackIcon}`) + ')'
-                    }
-                    // 保存点过的这个按钮和按钮数据
-                    this.lastBtn3 = this.$refs[e.ID][0]
-                    this.lastData3 = e
-
-                    // （2）界面切换
-                    // 按钮
-                    this.funcObj.funcBtnArr.forEach((item, index) => {
-                        if (e.MouseDownActionList[0].SourceID === item.WindowID) {
-                            item.IsVisibility = true
-                        } else {
-                            item.IsVisibility = false
-                        }
-                    })
-
-                    // 标签
-                    this.funcObj.funcLabArr.forEach((item, index) => {
-                        if (e.MouseDownActionList[0].SourceID === item.WindowID) {
-                            item.IsVisibility = true
-                        } else {
-                            item.IsVisibility = false
-                        }
-                    })
-
-                    // 滑块
-                    this.funcObj.funSliderArr.forEach((item, index) => {
-                        if (e.MouseDownActionList[0].SourceID === item.WindowID) {
-                            item.IsVisibility = true
-                        } else {
-                            item.IsVisibility = false
-                        }
-                    })
-                    return
-                }
-
-                // 分屏和清屏操作
-                if (e.ID === '7775e508-c6a5-4044-8264-24772a24fa97' || e.ID === '95c5d676-46a5-4c46-b550-9bc013a59937' || e.ID === 'f47e84bb-c878-4b22-a9d6-eb2e307283bc') {
-                    // 清屏
-                    this.signalPreList = []
-                    return
-                } else if (e.ID === '49653a62-99cb-40e1-a513-60e42893adb7' || e.ID === 'd55c81a8-54d7-4d90-aad7-4f34c3ba3950' || e.ID === '4142ab5b-ce52-4655-a28d-724bfabb24f0') {
-                    // 自由屏
-                    this.spliceScreen(0)
-                    return
-                } else if (e.ID === '52de9a2e-d171-423d-860f-3fe2750ec757' || e.ID === '0cabb1ba-bcae-45d9-b019-2b45486f98e3' || e.ID === '9bb5b3e3-9e21-4716-8059-f5b35b24e3fa') {
-                    // 四分屏
-                    this.spliceScreen(1)
-                    return
-                } else if (e.ID === 'ac0cc31c-a9b8-4bdf-88cf-928964b93ac5' || e.ID === '201e4bb0-c039-46c7-a55a-049d00de4769') {
-                    // 九分屏
-                    this.spliceScreen(2)
-                    return
-                } else if (e.ID === '2d4c49bc-905b-4f96-a65c-9b0a3e057b3f') {
-                    // 16分屏
-                    this.spliceScreen(3)
-                    return
-                }
-
-                // 安卓和分布式按钮
-                if (e.Text === '安卓' || e.Text === '分布式') {
-                    if (this.count5 === 0) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                        ++this.count5
-                    } else if(e !== this.lastData5){
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                        this.lastBtn5.style.backgroundImage = 'url(' + require(`../../../static/images/${this.lastData5.BackIcon}`) + ')'
-                    }
-                    // 保存点过的这个按钮和按钮数据
-                    this.lastBtn5 = this.$refs[e.ID][0]
-                    this.lastData5 = e
-                    return
-                }
-
-                // 电源管理和电脑管理
-                if(this.powerAndCompBtns.some(item => item.ID === e.ID)){
-                    if(e.ActionType === 2){
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                        e.ActionType = -2
-                    }else {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.BackIcon}`) + ')'
-                        e.ActionType = 2
-                    }
-                }
 
-                return
-            },
-
-            // 鼠标按下事件
-            mouseDown(e) {
-                if (this.arr.some(item => e === item) && e.Text !== '安卓' && e.Text !== '分布式') { // 分屏控制按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                }else if(e.WindowID === '027ab76d-6b9c-46ac-abe6-75b8059f786b') { // 视频控制按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                }else if(e.WindowID === 'a12b287f-f68c-4efa-b652-d6e5b0a09d0d') { // 环境控制按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                }else if(e.ID === '19554440-98bc-4644-83a0-d9cefd69153e'){ // 电脑控制All按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                }
-                return
-            },
-
-            // 鼠标松开事件
-            mouseUp(e) {
-                if (this.arr.some(item => e === item) && e.Text !== '安卓' && e.Text !== '分布式') { // 分屏控制按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.BackIcon}`) + ')'
-                }else if(e.WindowID === '027ab76d-6b9c-46ac-abe6-75b8059f786b') { // 视频控制按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.BackIcon}`) + ')'
-                }else if(e.WindowID === 'a12b287f-f68c-4efa-b652-d6e5b0a09d0d') { // 环境控制按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.BackIcon}`) + ')'
-                }if(e.ID === '19554440-98bc-4644-83a0-d9cefd69153e'){ // 电脑控制All按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.BackIcon}`) + ')'
-                }
-                return
-            },*/
         },
 
         computed: {
             ...mapState(['windowJson']),
-            /*dragOptions1() {
-                return {
-                    animation: 0,
-                    group: {
-                        name: "description",
-                        pull: 'clone',
-                        put: false
-                    },
-                    ghostClass: "ghost",
-                }
-            },
-            dragOptions2() {
-                return {
-                    animation: 0,
-                    group: "description",
-                }
-            },*/
         }
     }
 </script>
 
-<style lang="less">
-    // 容器样式
-    .containers {
-        width: 100%;
-        height: 981px;
-        background-color: #333;
-
-        // 列表项样式
-        .signal_item {
-            width: 100%;
-            height: 132px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-
-            /*背景*/
-            .signal_item_bg {
-                width: 90%;
-                height: 130px;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-
-                &:hover {
-                    background-color: rgba(113, 113, 113, 0.3);
-                }
-
-                /*主体*/
-                .signal_item_bg_body {
-                    width: 96%;
-                    height: 96%;
-                    background-color: rgba(127, 127, 127, 0.5);
-                    border-radius: 2px;
-
-                    /*空间*/
-
-                    .signal_item_bg_body_space {
-                        width: 94%;
-                        height: 80%;
-                        background-color: green;
-                        margin: 6px auto 2px;
-                    }
-
-                    /*文字*/
-
-                    .signal_item_bg_body_font {
-                        width: 100%;
-                        height: 15%;
-                        text-align: center;
-                        margin: 0 auto;
-                        font-size: 16px;
-                        color: #fff;
-                        font-family: "Gill Sans", sans-serif;
-                    }
-                }
-            }
-        }
-
-        // 滚动条样式
-        /*定义滚动条高宽及背景高宽:分别对应横竖滚动条的尺寸*/
-        ::-webkit-scrollbar {
-            width: 4px;
-            background-color: rgba(10, 66, 125, 0.65);
-        }
-
-        /*定义滚动条轨道:内阴影+圆角*/
-        ::-webkit-scrollbar-track {
-            -webkit-box-shadow: inset 0 0 6px rgba(10, 66, 125, 0.3);
-            border-radius: 10px;
-            background-color: rgba(10, 66, 125, 0.65);
-        }
-
-        /*定义滑块:内阴影+圆角*/
-        ::-webkit-scrollbar-thumb {
-            border-radius: 10px;
-            -webkit-box-shadow: inset 0 0 6px rgba(10, 66, 125, .3);
-            background-color: #666;
-        }
-    }
-</style>
-