修改站位计划样式

applications/dee-mes/src/privateComponents/components/ProcessInformation/index.vue

@@ -56,7 +56,7 @@
               v-if="!item.readOnly"
               v-model="scope.row.target.airFlag"
               placeholder="请选择"
-              clearable=""
+              clearable
               @change="changeData(scope.row)"
             >
               <el-option :key="1" label="目击" value="目击" />

applications/dee-mes/src/views/assemblyPlanManagement/assemblyPlanMaintenance/search.vue

@@ -443,6 +443,7 @@ export default {
 
 <style lang="scss">
 .assembly-plan-maintenance-search-model{
+ overflow-x: hidden;
  height: 100%;
  padding: 4px;
  box-sizing: border-box;

applications/dee-mes/src/views/assemblyPlanManagement/stationPlanMaintenance/index.vue

@@ -2,11 +2,12 @@
   <div class="stationPlan-maintenance-page">
     <dee-tab :tabs="tabItems" :show-swipe="false" :is-detail="false">
       <div slot="0" style="height:100%;box-sizing:border-box">
-        <split-pane
+        <dee-fold-pane
           :min-percent="18"
-          :default-percent="85"
+          :default-percent="18"
           split="vertical"
           class="detail-pane"
+          fold-direction="false"
         >
           <template slot="paneL">
             <div class="three-member-wrap">
@@ -24,7 +25,7 @@
               <missingParts :info="missInfo" />
             </div>
           </template>
-        </split-pane>
+        </dee-fold-pane>
       </div>
       <div slot="1" style="height:100%;box-sizing:border-box">
         <searchBar :state-options="stateOptions" @showStation="showStation" @search="search" />

applications/dee-mes/src/views/assemblyPlanManagement/stationPlanMaintenance/stationPlanList.vue

 <template>
   <div class="station-plan-list">
-    <div class="left-container">
-      <div class="search-box box">
-        <div class="title"><i class="search-icon" /><span>架次搜索</span></div>
-        <div class="row">
-          <label>机型:</label>
-          <el-select v-model="form.model" size="mini" placeholder="请选择" :loading="modelLoading">
-            <el-option v-for="item in modelData" :key="item.id" :label="item.defName" :value="item.id" />
-          </el-select>
+    <dee-fold-pane
+      :min-percent="18"
+      :default-percent="18"
+      split="vertical"
+      class="detail-pane"
+    >
+      <template slot="paneL">
+        <div class="left-container">
+          <div class="search-box box">
+            <div class="title"><i class="search-icon" /><span>架次搜索</span></div>
+            <div class="row">
+              <label>机型:</label>
+              <el-select v-model="form.model" size="mini" placeholder="请选择" :loading="modelLoading">
+                <el-option v-for="item in modelData" :key="item.id" :label="item.defName" :value="item.id" />
+              </el-select>
+            </div>
+            <div class="row">
+              <label>架次:</label>
+              <el-select v-model="form.sorties" size="mini" placeholder="请选择" :loading="sortiesLoading">
+                <el-option v-for="(item, i) in sortiesData" :key="item.value + i" :label="item.label" :value="item.value" />
+              </el-select>
+            </div>
+            <div class="row">
+              <el-button size="mini" type="primary" @click="getTreeData">查询</el-button>
+            </div>
+          </div>
+          <div class="station-box box">
+            <el-tree
+              ref="tree"
+              v-loading="treeLoading"
+              class="plan-tree"
+              :data="treeData"
+              node-key="id"
+              :default-expanded-keys="defaultExpandedKeys"
+              :props="defaultProps"
+              :highlight-current="true"
+              :expand-on-click-node="false"
+              @node-click="handleNodeClick"
+            >
+              <span slot-scope="{ node, data }" class="custom-tree-node">
+                <span class="tree-row">
+                  <i :class="'tree' + node.level" />
+                  <span v-if="node.level === 1" class="label" :title="data.serialNumber">{{ data.serialNumber }}</span>
+                  <span v-if="node.level === 2">{{ data.serialNumber + '，' + data.name }}</span>
+                  <span v-if="node.level === 3" :class="[data.target.wrProduction?data.target.wrProduction[0].planState:'']">{{ data.target.serialNumber + '，' + data.target.name }}</span>
+                </span>
+              </span>
+            </el-tree>
+          </div>
         </div>
-        <div class="row">
-          <label>架次:</label>
-          <el-select v-model="form.sorties" size="mini" placeholder="请选择" :loading="sortiesLoading">
-            <el-option v-for="(item, i) in sortiesData" :key="item.value + i" :label="item.label" :value="item.value" />
-          </el-select>
+      </template>
+      <template slot="paneR">
+        <div class="right-container">
+          <dee-tab :is-lazy="false" :tabs="tabItems" :show-swipe="false" :is-detail="false" @tabClick="tabClick">
+            <div slot="0" style="height: 100%; box-sizing: border-box">
+              <dee-as-com
+                ref="detailCom"
+                :key="layConfig.typeName"
+                :lay-config="layConfig"
+                @row-click="rowClick"
+              />
+            </div>
+            <div slot="1" style="height: 100%; box-sizing: border-box">
+              <dee-as-com
+                ref="detailCom2"
+                :key="layConfig.typeName"
+                :lay-config="layConfig1"
+                @row-click="rowClick"
+              />
+            </div>
+          </dee-tab>
         </div>
-        <div class="row">
-          <el-button size="mini" type="primary" @click="getTreeData">查询</el-button>
-        </div>
-      </div>
-      <div class="station-box box">
-        <el-tree
-          ref="tree"
-          v-loading="treeLoading"
-          class="plan-tree"
-          :data="treeData"
-          node-key="id"
-          :default-expanded-keys="defaultExpandedKeys"
-          :props="defaultProps"
-          :highlight-current="true"
-          :expand-on-click-node="false"
-          @node-click="handleNodeClick"
-        >
-          <span slot-scope="{ node, data }" class="custom-tree-node">
-            <span class="tree-row">
-              <i :class="'tree' + node.level" />
-              <span v-if="node.level === 1" class="label" :title="data.serialNumber">{{ data.serialNumber }}</span>
-              <span v-if="node.level === 2">{{ data.serialNumber + '，' + data.name }}</span>
-              <span v-if="node.level === 3" :class="[data.target.wrProduction?data.target.wrProduction[0].planState:'']">{{ data.target.serialNumber + '，' + data.target.name }}</span>
-            </span>
-          </span>
-        </el-tree>
-      </div>
-    </div>
-    <div class="right-container">
-      <dee-tab :is-lazy="false" :tabs="tabItems" :show-swipe="false" :is-detail="false" @tabClick="tabClick">
-        <div slot="0" style="height: 100%; box-sizing: border-box">
-          <dee-as-com
-            ref="detailCom"
-            :key="layConfig.typeName"
-            :lay-config="layConfig"
-            @row-click="rowClick"
-          />
-        </div>
-        <div slot="1" style="height: 100%; box-sizing: border-box">
-          <dee-as-com
-            ref="detailCom2"
-            :key="layConfig.typeName"
-            :lay-config="layConfig1"
-            @row-click="rowClick"
-          />
-        </div>
-      </dee-tab>
-    </div>
+      </template>
+    </dee-fold-pane>
   </div>
 </template>
 
@@ -344,10 +355,10 @@ export default {
  padding: 4px;
  box-sizing: border-box;
  display: flex;
- //  flex-flow: column;
- //  justify-content: space-around;
  .left-container {
-  width: 15%;
+  height: 100%;
+  overflow-x:hidden;
+  // width: 15%;
   .search-box {
    height: 150px;
    font-size: 14px;
@@ -381,7 +392,7 @@ export default {
    height: calc(100% - 190px);
   }
   .box {
-   width: 100%;
+  //  width: 100%;
    margin: 4px;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
@@ -466,7 +477,7 @@ export default {
   }
  }
  .right-container {
-   width: 82%;
+  //  width: 82%;
    margin-left: 20px;
  }
 }