فهرست منبع

修改模块显示样式

yangg 6 ماه پیش
والد
کامیت
c118d6a47f

+ 1 - 1
ui/src/views/system/document/com/editor.scss

@@ -16,7 +16,7 @@
 
   .layers{
     margin-bottom: 10px;
-    width:92.5%;
+    width:99.5%;
     // min-height:30px;
     display:flex;
     flex-direction: column;

+ 1 - 1
ui/src/views/system/document/create.scss

@@ -307,7 +307,7 @@
       /* overflow-y: auto; */
       position:relative;
       margin:0 auto;
-      margin-right: 20px;
+      margin-right: 0px;
       .editor-tabs {
         height: 100%;
         

+ 27 - 50
ui/src/views/system/document/create.vue

@@ -615,58 +615,35 @@
                   />
                 </div>
                 <div class="module-info">
-                  <div class="module-category">
-                    <span class="label">模块分类:</span>
-                    <span class="value">{{ getCategory(it.category_id) }}</span>
-                  </div>
-                  <div class="module-name">
-                    <span class="label">模块名称:</span>
-                    <span class="value">{{ it.dcb_name }}</span>
-                  </div>
-                  <!-- 添加操作按钮 -->
-                  <div class="module-actions">
-                    <el-tooltip
-                      v-if="type !== 'document'"
-                      class="item"
-                      effect="dark"
-                      content="保存模块"
-                      placement="top"
-                    >
-                      <el-button
-                        @click="onSaveTemplate(it)"
-                        icon="el-icon-document-add"
-                        circle
-                      >
-                      </el-button>
-                    </el-tooltip>
-                    <el-button
-                      circle
-                      v-if="it.isEdit !== 1"
-                      @click="onEdit(index, 1)"
-                      icon="el-icon-edit"
-                    >
-                    </el-button>
-                    <el-button
-                      circle
-                      @click="onEdit(index, 2)"
-                      icon="el-icon-view"
-                      v-else
-                    >
-                    </el-button>
-                    <el-tooltip
-                      class="item"
-                      effect="dark"
-                      content="删除"
-                      placement="top"
-                    >
-                      <el-button
-                        circle
-                        @click="onRemove(index)"
-                        icon="el-icon-delete"
-                      ></el-button>
-                    </el-tooltip>
+                  <div class="module-content">
+                    <div class="module-category">
+                      <span class="label">模块分类:</span>
+                      <span class="value">{{ getCategory(it.category_id) }}</span>
+                    </div>
+                    <div class="module-name">
+                      <span class="label">模块名称:</span>
+                      <span class="value">{{ it.dcb_name }}</span>
+                    </div>
+                    <!-- 替换原有按钮组为下拉菜单 -->
                   </div>
                 </div>
+                <div class="module-actions">
+                      <el-dropdown trigger="click">
+                        <el-button circle icon="el-icon-more"></el-button>
+                        <el-dropdown-menu slot="dropdown">
+                          <el-dropdown-item v-if="type !== 'document'" @click.native="onSaveTemplate(it)">
+                            <i class="el-icon-document-add"></i> 保存模块
+                          </el-dropdown-item>
+                          <el-dropdown-item @click.native="onEdit(index, it.isEdit !== 1 ? 1 : 2)">
+                            <i :class="it.isEdit !== 1 ? 'el-icon-edit' : 'el-icon-view'"></i>
+                            {{ it.isEdit !== 1 ? '编辑' : '预览' }}
+                          </el-dropdown-item>
+                          <el-dropdown-item @click.native="onRemove(index)">
+                            <i class="el-icon-delete"></i> 删除
+                          </el-dropdown-item>
+                        </el-dropdown-menu>
+                      </el-dropdown>
+                    </div>
               </div>
             </template>
           </transition-group>