Forráskód Böngészése

查询样式调整

wuhb 6 hónapja
szülő
commit
357547ede6

+ 4 - 0
ygtx-ui/src/assets/styles/index.scss

@@ -232,4 +232,8 @@ aside {
 
 .el-form--inline.el-form--label-top .el-form-item{
   margin-right: 3px;
+}
+
+.el-form-item--default .el-form-item__content .item-search{
+  display: block; width: 100%;height: 30px;text-align: right;
 }

+ 9 - 4
ygtx-ui/src/views/monitor/operlog/index.vue

@@ -64,11 +64,16 @@
                :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
             ></el-date-picker>
          </el-form-item>
+         <el-form-item label-position="top"></el-form-item>
+         <el-form-item label-position="top">
+            <div class="item-search">&nbsp;</div>
+            <div class="item-search">
+               <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+               <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+            </div>
+         </el-form-item>
       </el-form>
-      <div style="float: right;">
-          <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-          <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-      </div>
+
       <el-row :gutter="10" class="mb8">
          <el-col :span="1.5">
             <el-button

+ 8 - 4
ygtx-ui/src/views/system/dept/index.vue

@@ -19,11 +19,15 @@
                />
             </el-select>
          </el-form-item>
+         <el-form-item label-position="top"/>
+         <el-form-item label-position="top">
+            <div class="item-search">&nbsp;</div>
+            <div class="item-search">
+               <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+               <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+            </div>
+         </el-form-item>
       </el-form>
-      <div style="float: right;">
-          <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-          <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-      </div>
       <el-row :gutter="10" class="mb8">
          <el-col :span="1.5">
             <el-button

+ 12 - 9
ygtx-ui/src/views/system/menu/index.vue

@@ -19,12 +19,15 @@
                />
             </el-select>
          </el-form-item>
+         <el-form-item label-position="top"/>
+         <el-form-item label-position="top">
+            <div class="item-search">&nbsp;</div>
+            <div class="item-search">
+               <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+               <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+            </div>
+         </el-form-item>
       </el-form>
-      <div style="float: right;">
-          <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-          <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-      </div>
-
       <el-row :gutter="10" class="mb8">
          <el-col :span="1.5">
             <el-button
@@ -52,15 +55,15 @@
          :default-expand-all="isExpandAll"
          :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
       >
-         <el-table-column prop="menuName" label="菜单名称" :show-overflow-tooltip="true"></el-table-column>
+         <el-table-column prop="menuName" label="菜单名称" min-width="100"></el-table-column>
          <el-table-column prop="icon" label="图标" width="100">
             <template #default="scope">
                <svg-icon :icon-class="scope.row.icon" />
             </template>
          </el-table-column>
          <el-table-column prop="orderNum" label="排序" width="60"></el-table-column>
-         <el-table-column prop="perms" label="权限标识" :show-overflow-tooltip="true" width="300"></el-table-column>
-         <el-table-column prop="component" label="组件路径" :show-overflow-tooltip="true" width="250"></el-table-column>
+         <el-table-column prop="perms" label="权限标识" :show-overflow-tooltip="true" width="230"></el-table-column>
+         <el-table-column prop="component" label="组件路径" :show-overflow-tooltip="true"></el-table-column>
          <el-table-column prop="status" label="状态" width="80">
             <template #default="scope">
                <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
@@ -71,7 +74,7 @@
                <span>{{ parseTime(scope.row.createTime) }}</span>
             </template>
          </el-table-column>
-         <el-table-column label="操作" width="210" class-name="small-padding fixed-width">
+         <el-table-column label="操作" width="200" class-name="small-padding fixed-width">
             <template #default="scope">
                <el-button link type="primary" @click="handleUpdate(scope.row)" v-hasPermi="['system:menu:edit']"><i class="fa fa-edit"></i>编辑</el-button>
                <el-button link type="success" @click="handleAdd(scope.row)" v-hasPermi="['system:menu:add']"><i class="fa fa-plus"></i>新增</el-button>

+ 7 - 4
ygtx-ui/src/views/system/notice/index.vue

@@ -27,11 +27,14 @@
                />
             </el-select>
          </el-form-item>
+         <el-form-item label-position="top">
+            <div class="item-search">&nbsp;</div>
+            <div class="item-search">
+               <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+               <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+            </div>
+         </el-form-item>
       </el-form>
-      <div style="float: right;">
-          <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-          <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-      </div>
       <el-row :gutter="10" class="mb8">
          <el-col :span="1.5">
             <el-button

+ 7 - 4
ygtx-ui/src/views/system/post/index.vue

@@ -27,11 +27,14 @@
                />
             </el-select>
          </el-form-item>
+         <el-form-item label-position="top">
+            <div class="item-search">&nbsp;</div>
+            <div class="item-search">
+               <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+               <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+            </div>
+         </el-form-item>
       </el-form>
-      <div style="float: right;">
-          <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-          <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-      </div>
       <el-row :gutter="10" class="mb8">
          <el-col :span="1.5">
             <el-button