Jelajahi Sumber

修改treeSelect caption展示

shaun-sheep 4 tahun lalu
induk
melakukan
303d9a7008
2 mengubah file dengan 48 tambahan dan 32 penghapusan
  1. 45 29
      src/views/legendLibrary/index.vue
  2. 3 3
      src/views/legendRules/index.vue

+ 45 - 29
src/views/legendLibrary/index.vue

@@ -29,20 +29,21 @@
                     @change='getTableList'
                     :hideClear='true'
                 ></Select>
-
-                <TreeSelect
-                    title='已选项'
-                    caption='说明书位置:'
-                    tipPlace='top'
-                    width='200'
-                    style='margin:0 0 0 12px'
-                    :returnParentNode='false'
-                    :isShowAllChoice='true'
-                    :choseArea='true'
-                    :lastStage='true'
-                    :data='positionSelect'
-                    @change='treeConfirmPosition'
-                />
+                <span class='instructions'>
+                    <TreeSelect
+                        title='已选项'
+                        caption='说明书位置:'
+                        tipPlace='top'
+                        width='220'
+                        style='margin:0 0 0 12px'
+                        :returnParentNode='false'
+                        :isShowAllChoice='true'
+                        :choseArea='true'
+                        :lastStage='true'
+                        :data='positionSelect'
+                        @change='treeConfirmPosition'
+                    />
+                </span>
                 <span class='device-position'>
                     <TreeSelect
                         caption='专业/设备、位置类型:'
@@ -70,19 +71,20 @@
                     @change='treeConfirmMajor'
                     :hideClear='true'
                 />-->
-
-                <TreeSelect
-                    caption='铺位可视化:'
-                    tipPlace='top'
-                    width='250'
-                    :returnParentNode='false'
-                    :isShowAllChoice='true'
-                    :choseArea='true'
-                    :data='typeVisualization'
-                    @change='treeConfirm'
-                    :lastStage='true'
-                    @focusChange='focusChange'
-                />
+                <span class='visualization'>
+                    <TreeSelect
+                        caption='铺位可视化:'
+                        tipPlace='top'
+                        width='250'
+                        :returnParentNode='false'
+                        :isShowAllChoice='true'
+                        :choseArea='true'
+                        :data='typeVisualization'
+                        @change='treeConfirm'
+                        :lastStage='true'
+                        @focusChange='focusChange'
+                    />
+                </span>
                 <Select
                     width='150'
                     tipPlace='top'
@@ -606,9 +608,23 @@ export default {
         line-height: 32px;
     }
     .device-position {
-        /deep/ .p-date-picker-caption {
+        /deep/ .p-select-input-caption {
+            display: block;
+            width: 250px !important;
+            max-width: 250px !important;
+        }
+    }
+    .instructions {
+        /deep/ .p-select-input-caption {
+            display: block;
+            width: 100px !important;
+            max-width: 200px !important;
+        }
+    }
+    .visualization {
+        /deep/ .p-select-input-caption {
             display: block;
-            width: 200px !important;
+            width: 100px !important;
             max-width: 200px !important;
         }
     }

+ 3 - 3
src/views/legendRules/index.vue

@@ -103,15 +103,15 @@ export default {
             // 操作按钮组 (非必填)
             toolBtns: [
                 {
-                    icon: 'copy',
+                    icon: 'ascendingOrder',
                     name: '上移'
                 },
                 {
-                    icon: 'print',
+                    icon: 'descendingOrder',
                     name: '下移'
                 },
                 {
-                    icon: 'pending',
+                    icon: 'close',
                     name: '删除'
                 }
             ],