feige
2023-11-10 bcac500a760877dc9140f1f381739793706c1af6
ruoyi-ui/src/views/selfeconomy/index.vue
@@ -2,33 +2,13 @@
    <div class="app-container">
      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
        <el-row>
        <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-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="-"
@@ -42,7 +22,10 @@
            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>
@@ -53,7 +36,10 @@
            v-model="queryParams.incomeName"
            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>
@@ -65,7 +51,10 @@
              v-model="queryParams.timeLimit"
              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>
@@ -128,7 +117,7 @@
              v-hasPermi="['family:note:export']"
            >导入模板下载</el-button>
          </el-col>
          <el-col :span="1.2">
          <el-col :span="1.5">
            <el-upload
              action=""
@@ -139,7 +128,7 @@
            >
              <el-button size="mini"   type="primary"
                         plain
                         icon="el-icon-plus" >导入</el-button>
                         icon="el-icon-top" >导入</el-button>
            </el-upload>
          </el-col>
          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
@@ -203,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"
@@ -232,6 +222,7 @@
              >查看详情</el-button>
            </el-dropdown>
            </div>
          </template>
        </el-table-column>
      </el-table>
@@ -252,7 +243,9 @@
          <!--          <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%'}" >
@@ -798,7 +791,7 @@
    }
  };
  </script>
  <style>
  <style scoped="">
  .app-container{
    background-color: #FEF7FC;
  }
@@ -812,5 +805,10 @@
  }
  .el-table__cell {
    font-size: 14px; /* 设置字体大小 */
  }
  .button-container {
    display: inline-flex; /* 设置按钮容器为行内元素 */
  }
  </style>