修改行高

Tcsm

2023-10-31 2586579503a70d613dc870083d0bcca7c2d88563

 ruoyi-ui/src/views/selfeconomy/index.vue

@@ -1,33 +1,14 @@
<template>
    <div class="app-container">
      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
        <el-form-item label="" prop="type incomeName timeLimit happenTime " >
          <el-input
            v-model:type="queryParams.type"
            v-model:incomeName="queryParams.incomeName"
            v-model:timeLimit="queryParams.timeLimit"
            v-model:happenTime="queryParams.happenTime"

            placeholder="在“财产”中搜索"
            clearable
            style="width: 240px"
            @keyup.enter.native="handleQuery">
            <i slot="prefix" class="el-input__icon el-icon-search"></i>
          </el-input>



        </el-form-item>

        <el-row>
        <el-form-item label="日期" prop="happenTime">
          <el-date-picker
            v-model="dateRange"
            style="width:  197px;
            height: 30px;
            background: #FFFFFF;
            border-radius: 14px 14px 14px 14px;
            opacity: 0.5;
            border: 1px solid rgba(0,0,0,0.25);"
            style="width: 200px;
                   height: 35px;
                   border-radius: 16px 16px 16px 16px;
                   opacity: 0.5;"
            value-format="yyyy-MM-dd"
            type="daterange"
            range-separator="-"
@@ -41,35 +22,45 @@
            v-model="queryParams.type"
            placeholder="请输入财产类别"
            clearable
            style="width: 240px"
            style="width: 200px;
                   height: 35px;
                   border-radius: 16px 16px 16px 16px;
                   opacity: 0.5;"
            @keyup.enter.native="handleQuery">
            <i slot="prefix" class="el-input__icon el-icon-search"></i>
          </el-input>
        </el-form-item>

        <el-form-item label="获得方式" prop="incomeName" >
        <el-form-item label="财产名称" prop="incomeName" >
          <el-input
            v-model="queryParams.incomeName"
            placeholder="请输入获得方式"
            placeholder="请输入财产名称"
            clearable
            style="width: 240px"
            style="width: 200px;
                   height: 35px;
                   border-radius: 16px 16px 16px 16px;
                   opacity: 0.5;"
            @keyup.enter.native="handleQuery">
            <i slot="prefix" class="el-input__icon el-icon-search"></i>
          </el-input>
        </el-form-item>

        <el-form-item label="期限" prop="timeLimit">
          <el-input
            v-model="queryParams.timeLimit"
            placeholder="请输入期限"
            clearable
            style="width: 240px"
            @keyup.enter.native="handleQuery">
            <i slot="prefix" class="el-input__icon el-icon-search"></i>
          </el-input>
        </el-form-item>
        <el-cntainer>
          <el-col :span="9" >

          <el-form-item label="期限" prop="timeLimit">
            <el-input
              v-model="queryParams.timeLimit"
              placeholder="请输入期限"
              clearable
              style="width: 200px;
                   height: 35px;
                   border-radius: 16px 16px 16px 16px;
                   opacity: 0.5;"
              @keyup.enter.native="handleQuery">
              <i slot="prefix" class="el-input__icon el-icon-search"></i>
            </el-input>
          </el-form-item>

          <el-col  >
            <el-form-item>
              <el-button size="mini" @click="handleQuery" style=" width: 67px;height: 27px;background: #FFDDE3;
              border-radius: 7px 7px 7px 7px;opacity: 1; " >搜索</el-button>
@@ -77,8 +68,10 @@
              border-radius: 7px 7px 7px 7px;opacity: 1; ">重置</el-button>
            </el-form-item>
          </el-col>
        </el-cntainer>
        </el-row>

      </el-form>

      <div>

        <el-row :gutter="10" class="mb8">
@@ -141,6 +134,7 @@
          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
        </el-row>
      </div>

      <el-table v-loading="loading" :data="selfeconomyList" :row-key="getRowId" ref="multipleTable" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
        <el-table-column type="selection" :reserve-selection="true" width="55"  align="center" />
        <el-table-column fixed label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="60"/>
@@ -150,7 +144,7 @@
        <el-table-column label="财产类别" prop="type" sortable width="120" align="center">
          <template slot-scope="scope">{{scope.row.type? scope.row.type: '————'}}</template>
        </el-table-column>
        <el-table-column label="获得方式" prop="incomeName" sortable :show-overflow-tooltip="true" width="120" align="center" >
        <el-table-column label="财产名称" prop="incomeName" sortable :show-overflow-tooltip="true" width="120" align="center" >
          <template slot-scope="scope">{{scope.row.incomeName? scope.row.incomeName: '————'}}</template>
        </el-table-column>
        <el-table-column label="价值（金额）" prop="price" sortable width="140" align="center" >
@@ -198,8 +192,9 @@
        <el-table-column label="备注" prop="remark" sortable width="90" align="center">
          <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template>
        </el-table-column>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >
        <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width">
          <template slot-scope="scope" v-if="scope.row.roleId !== 1">
            <div class="button-container">
            <el-button
              size="mini"
              type="text"
@@ -227,6 +222,7 @@
              >查看详情</el-button>

            </el-dropdown>
            </div>
          </template>
        </el-table-column>
      </el-table>
@@ -247,14 +243,16 @@
          <!--          <el-input v-model="formDat.happenTime" placeholder="请输入获得时间" clearable :style="{width: '100%'}" ></el-input>-->
          <!--        </el-form-item>-->
          <el-form-item label="时间" prop="happenTime">
            <el-input v-model='formDat.happenTime' type='date' placeholder='选择日期'></el-input>
            <el-date-picker v-model="formDat.happenTime" type="date" placeholder="请选择日期"
                            :editable="false" :clearable="false" :style="{width: '100%'}"  value-format="yyyy-MM-dd"
            ></el-date-picker>
          </el-form-item>
          <el-form-item label="财产类别" prop="type">
            <el-input v-model="formDat.type" placeholder="请输入财产类别" clearable :style="{width: '100%'}" >
            </el-input>
          </el-form-item>
          <el-form-item label="获得方式" prop="incomeName">
            <el-input v-model="formDat.incomeName" placeholder="请输入获得方式" clearable :style="{width: '100%'}" >
          <el-form-item label="财产名称" prop="incomeName">
            <el-input v-model="formDat.incomeName" placeholder="请输入财产名称" clearable :style="{width: '100%'}" >
            </el-input>
          </el-form-item>
          <el-form-item label="金额" prop="price">
@@ -270,8 +268,10 @@
            </el-input>
          </el-form-item>
          <el-form-item label="变更/注销" prop="isChange">
            <el-input v-model="formDat.isChange" placeholder="请输入变更/注销" clearable :style="{width: '100%'}" >
            </el-input>
            <el-select v-model="formDat.isChange" placeholder="请选择变更/注销" clearable :style="{width: '100%'}"  >
              <el-option v-for="(item, index) in typeOptions1" :key="index" :label="item.label" :value="item.value"
              ></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="存放位置" prop="location">
            <el-input v-model="formDat.location" placeholder="请输入存放位置" clearable :style="{width: '100%'}" >
@@ -486,7 +486,7 @@
          }],
          incomeName: [{
            required: true,
            message: '请输入获得方式',
            message: '请输入财产名称',
            trigger: 'blur'
          }],
          timeLimit: [{
@@ -518,6 +518,14 @@
          {
            value: '0',
            label: '否',
          }],
        typeOptions1: [{
          value: '变更',
          label: '变更',
        },
          {
            value: '注销',
            label: '注销',
          }],
      };
    },
@@ -797,5 +805,10 @@

  }


  .el-table__cell {
    font-size: 14px; /* 设置字体大小 */
  }
  .button-container {
    display: inline-flex; /* 设置按钮容器为行内元素 */
  }
  </style>