修改了表格的行高，以及数据过长的部分用省略号表示

Tcsm

2023-10-22 251cc3290959d2085aa3359d6f74d97db914d182

修改了表格的行高，以及数据过长的部分用省略号表示

 ruoyi-ui/src/views/collection/collectionInfo.vue

@@ -23,15 +23,15 @@
      <!--      </el-form-item>-->
         <el-container>
           <el-row :span="12">
             <el-cow >
             <el-col >
              <el-form-item label="获得时间" prop="happenTime" label-width="70px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
                <el-date-picker v-model="formData.happenTime" type="date" placeholder="请选择日期"
                  :editable="false" :clearable="false" :style="{width: '100%'}" :disabled="dsb" value-format="yyyy-MM-dd"
                ></el-date-picker>
              </el-form-item>

             </el-cow>
             <el-cow >
             </el-col>
             <el-col >
               <el-form-item label="类别" prop="type" label-width="40px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
                 <el-select v-model="formData.type" placeholder="请选择类别" clearable :style="{width: '100%'}"   :disabled="dsb">
                   <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value"
@@ -39,42 +39,42 @@
                 </el-select>
                 <el-input v-model="newOption" v-if="showInput" placeholder="若未在上述选项中找到对应类别，请在此输入新的类别" @change="addNewOption"></el-input>
              </el-form-item>
             </el-cow>
             <el-cow >
             </el-col>
             <el-col >
              <el-form-item label="名称" prop="name" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
                <el-input v-model="formData.name" placeholder="请输入名称" clearable :style="{width: '100%'}" :disabled="dsb">
                </el-input>
              </el-form-item>
             </el-cow>
             <el-cow >
             </el-col>
             <el-col >
               <el-form-item label="来源" prop="source" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
                <el-input v-model="formData.source" placeholder="请输入来源" clearable :style="{width: '100%'}" :disabled="dsb">
                </el-input>
              </el-form-item>
             </el-cow>
             <el-cow >
             </el-col>
             <el-col >
              <el-form-item label="持有者" prop="owner" label-width="65px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
                <el-input v-model="formData.owner" placeholder="请输入持有者" clearable :style="{width: '100%'}" :disabled="dsb">
                </el-input>
              </el-form-item>
             </el-cow>
             <el-cow >
             </el-col>
             <el-col >
               <el-form-item label="价值" prop="price" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
                <el-input v-model="formData.price" placeholder="请输入价值" clearable :style="{width: '100%'}" :disabled="dsb">
                </el-input>
              </el-form-item>
             </el-cow>
             <el-cow >
             </el-col>
             <el-col >
              <el-form-item label="存放位置" prop="location" label-width="80px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
                <el-input v-model="formData.location" placeholder="请输入存放位置" clearable :style="{width: '100%'}" :disabled="dsb">
                </el-input>
              </el-form-item>
             </el-cow>
             <el-cow >
             </el-col>
             <el-col >
               <el-form-item label="备注" prop="remark" label-width="45px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
              <el-input v-model="formData.remark" placeholder="请输入备注" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
            </el-form-item>
             </el-cow>
             </el-col>

           </el-row>
         </el-container>
@@ -468,9 +468,14 @@
    },
    handleFileCardPreview(file){
      this.dialogFileUrl = file.url;
      if(this.dialogFileUrl.includes("47.93.189.255")==true)
        this.dialogFileUrl = this.dialogFileUrl.replace("47.93.189.255","www.bendudu.com")

      const Base64 = require('js-base64').Base64
      this.desurl = process.env.VUE_APP_BASE_OTHER_API+'onlinePreview?url='+encodeURIComponent(Base64.encode(this.dialogFileUrl));
      myWindow=window.open(this.desurl,'','width=1200,height=800,top=150,left=300');
      this.desurl = process.env.VUE_APP_BASE_OTHER_API+"preview/"+'onlinePreview?url='+encodeURIComponent(Base64.encode(this.dialogFileUrl));
      let myWindow=window.open(this.desurl,'','width=1200,height=800,top=150,left=300');
    },
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url;

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

@@ -189,34 +189,34 @@
    <el-table v-loading="loading" :data="collectionList" :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"/>
      <el-table-column label="获得时间" prop="happenTime" sortable width="100" align="center">
      <el-table-column label="获得时间" prop="happenTime" sortable width="120" align="center">
        <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '————'}}</template>
      </el-table-column>
      <el-table-column label="类别" prop="type" sortable width="120" align="center">
      <el-table-column label="类别" prop="type" sortable :show-overflow-tooltip="true" width="120" align="center">
<!--        <template slot-scope="scope">{{ getSrc(scope.row.type) }}</template>-->
        <template slot-scope="scope">{{scope.row.type? scope.row.type: '————'}}</template>
      </el-table-column>
      <el-table-column label="名称" prop="name" sortable :show-overflow-tooltip="true" width="120" align="center" >
        <template slot-scope="scope">{{scope.row.name? scope.row.name: '————'}}</template>
      </el-table-column>
      <el-table-column label="来源" prop="source" sortable width="120" align="center" >
      <el-table-column label="来源" prop="source" sortable :show-overflow-tooltip="true" width="120" align="center" >
        <template slot-scope="scope">{{scope.row.source? scope.row.source: '————'}}</template>
      </el-table-column>

      <el-table-column label="持有者" prop="owner" sortable width="110" align="center">
      <el-table-column label="持有者" prop="owner" sortable :show-overflow-tooltip="true" width="110" align="center">

        <template slot-scope="scope">{{scope.row.owner? scope.row.owner: '————'}}</template>
      </el-table-column>
      <el-table-column label="价值" prop="price" sortable width="120" align="center">
      <el-table-column label="价值" prop="price" sortable :show-overflow-tooltip="true" width="120" align="center">
        <template slot-scope="scope">{{scope.row.price? scope.row.price: '————'}}</template>
      </el-table-column>
      <el-table-column label="存放位置" prop="location" sortable width="160" align="center">
      <el-table-column label="存放位置" prop="location" :show-overflow-tooltip="true" sortable width="160" align="center">
        <template slot-scope="scope">{{scope.row.location? scope.row.location: '————'}}</template>
      </el-table-column>
      <el-table-column label="备注" prop="remark" sortable width="90" align="center">
      <el-table-column label="备注" prop="remark" sortable :show-overflow-tooltip="true" width="120" align="center">
        <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template>
      </el-table-column>
      <el-table-column label="是否是本家庭记录" prop="ownData" sortable width="150px" >
      <el-table-column label="是否是本家庭记录" prop="ownData" :show-overflow-tooltip="true" sortable width="150px" align="center">
        <template slot-scope="scope">{{scope.row.ownData === 0 ? '否': '是'}}</template>
      </el-table-column>
      <el-table-column label="电子文件" prop="url" width="180" align="center">
@@ -242,35 +242,32 @@
            ></div>
        </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">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['system:role:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:role:remove']"
          >删除</el-button>
          <el-dropdown
            size="mini"
            @command="(command) => handleCommand(command, scope.row)"
            v-hasPermi="['system:role:edit']">
          <div class="button-container">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-edit"
              @click="handleUpdate(scope.row)"
              v-hasPermi="['system:role:edit']"
            >
              <span style="font-size: 14px;">修改</span>
            </el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-delete"
              @click="handleDelete(scope.row)"
              v-hasPermi="['system:role:remove']"
            ><span style="font-size: 14px;">删除</span></el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-d-arrow-right"
              @click="handleCheck(scope.row)"

            >查看详情</el-button>

          </el-dropdown>
              @click="handleCheck(scope.row)">
              <span style="font-size: 14px;">查看详情</span></el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>
@@ -552,10 +549,6 @@
  created() {
    this.getList();
    this.getTypeOptions();
    // this.getCateInfor()
    // for (let i = 0; i < this.contactList.length; i++) {
    //   this.formDat[i] = this.contactList[i];
    // }
  },
  methods: {
    // 取消按钮
@@ -880,5 +873,10 @@

}


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

 ruoyi-ui/src/views/contacts/contactsInfo.vue

@@ -236,7 +236,7 @@
        remark:undefined,
        url: undefined,
      },
      desurl:'',

      dialogImageUrl: '',
      dialogVisible: false,
      disabled: false,
@@ -328,17 +328,6 @@
  },
  mounted() {},
  methods: {
    /** 查询类别信息 */
    // getCateInfor()
    // {
    //   let _this = this
    //   getCategory().then(response=>{
    //
    //     response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
    //       _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
    //     })
    //   })
    // },
    submitForm() {
      let ul = this.fileList.map(function (elem){
        return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
@@ -421,9 +410,13 @@
    },
    handleFileCardPreview(file){
      this.dialogFileUrl = file.url;
      if(this.dialogFileUrl.includes("47.93.189.255")==true)
        this.dialogFileUrl = this.dialogFileUrl.replace("47.93.189.255","www.bendudu.com")

      const Base64 = require('js-base64').Base64
      this.desurl = process.env.VUE_APP_BASE_OTHER_API+'onlinePreview?url='+encodeURIComponent(Base64.encode(this.dialogFileUrl));
      myWindow=window.open(this.desurl,'','width=1200,height=800,top=150,left=300');

      this.desurl = process.env.VUE_APP_BASE_OTHER_API+"preview/"+'onlinePreview?url='+encodeURIComponent(Base64.encode(this.dialogFileUrl));
      let myWindow=window.open(this.desurl,'','width=1200,height=800,top=150,left=300');
    },
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url;

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

@@ -138,7 +138,7 @@
  </div>
    <el-table v-loading="loading" :data="contactList"  :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="80"/>
      <el-table-column fixed label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="100"/>

      <el-table-column label="家人姓名" prop="myName" sortable width="130" >
        <template slot-scope="scope">
@@ -150,10 +150,10 @@
      </el-table-column>
      <el-table-column label="通讯录中称呼" prop="nickName" sortable :show-overflow-tooltip="true" width="160" align="center" />
      <el-table-column label="姓名" prop="name" sortable :show-overflow-tooltip="true" width="120" align="center"/>
      <el-table-column label="工作单位" prop="work" sortable width="160" align="center" >
      <el-table-column label="工作单位" prop="work" sortable :show-overflow-tooltip="true" width="160" align="center" >
        <template slot-scope="scope">{{scope.row.work? scope.row.work: '————'}}</template>
      </el-table-column>
      <el-table-column label="手机" prop="phone" sortable width="120" align="center" >
      <el-table-column label="手机" prop="phone" sortable :show-overflow-tooltip="true" width="120" align="center" >
        <template slot-scope="scope">{{scope.row.phone? scope.row.phone: '————'}}</template>
      </el-table-column>
      <el-table-column label="其它联系方式" prop="wx qq twitter" sortable :show-overflow-tooltip="true" width="150" align="center" >
@@ -164,19 +164,19 @@
          <span v-else>————</span>
        </template>
      </el-table-column>
      <el-table-column label="是否常联系" prop="isAlways" sortable width="170" align="center" >
      <el-table-column label="是否常联系" prop="isAlways" :show-overflow-tooltip="true" sortable width="170" align="center" >
        <template slot-scope="scope">
          <span v-if="scope.row.isAlways===1">是</span>
          <span v-if="scope.row.isAlways===0">否</span>
          <span v-if="scope.row.isAlways== null">——</span>
        </template>
      </el-table-column>
      <el-table-column label="是否是本家庭记录" prop="ownData" sortable width="150px" >
      <el-table-column label="是否是本家庭记录" prop="ownData" sortable width="150px" align="center" >
        <template slot-scope="scope">{{scope.row.ownData === 0 ? '否': '是'}}</template>
      </el-table-column>


      <el-table-column label="备注（是否存在金钱关系）" prop="remark" sortable width="120" align="center">
      <el-table-column label="备注（是否存在金钱关系）" prop="remark" :show-overflow-tooltip="true" sortable width="120" align="center">
        <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template>
      </el-table-column>

@@ -204,28 +204,32 @@
        </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">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['system:role:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:role:remove']"
          >删除</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-d-arrow-right"
             @click="handleCheck(scope.row)">
查看详情</el-button>
          <div class="button-container">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-edit"
              @click="handleUpdate(scope.row)"
              v-hasPermi="['system:role:edit']"
            >
              <span style="font-size: 14px;">修改</span>
            </el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-delete"
              @click="handleDelete(scope.row)"
              v-hasPermi="['system:role:remove']"
            ><span style="font-size: 14px;">删除</span></el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-d-arrow-right"
              @click="handleCheck(scope.row)">
              <span style="font-size: 14px;">查看详情</span></el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>
@@ -804,6 +808,11 @@
  background: #FFEFF2;

}

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

</style>

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

@@ -139,7 +139,7 @@
    <el-table v-loading="loading" :data="doctorList" :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" align="center" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="60"/>
      <el-table-column label="类别" prop="type" sortable width="80" align="center">
      <el-table-column label="类别" prop="type" sortable :show-overflow-tooltip="true" width="80" align="center">
<!--        <template slot-scope="scope">{{ getSrc(scope.row.type) }}</template>-->
        <template slot-scope="scope">{{scope.row.type? scope.row.type: '————'}}</template>
      </el-table-column>
@@ -149,23 +149,23 @@
      <el-table-column label="持续时间" prop="duration" sortable :show-overflow-tooltip="true" width="160" align="center" >
        <template slot-scope="scope">{{scope.row.duration? scope.row.duration: '————'}}</template>
      </el-table-column>
      <el-table-column label="中医处方" prop="cmedical" sortable width="160" align="center" >
      <el-table-column label="中医处方" prop="cmedical" sortable :show-overflow-tooltip="true" width="160" align="center" >
        <template slot-scope="scope">{{scope.row.cmedical? scope.row.cmedical: '————'}}</template>
      </el-table-column>
      <el-table-column label="西医处方" prop="wmedical" sortable width="160" align="center">
      <el-table-column label="西医处方" prop="wmedical" sortable :show-overflow-tooltip="true" width="160" align="center">
        <template slot-scope="scope">{{scope.row.wmedical? scope.row.wmedical: '————'}}</template>
      </el-table-column>
      <el-table-column label="功效" prop="effect" sortable width="120" align="center" >
      <el-table-column label="功效" prop="effect" sortable :show-overflow-tooltip="true" width="120" align="center" >
        <template slot-scope="scope">{{scope.row.effect? scope.row.effect: '————'}}</template>
      </el-table-column>

      <el-table-column label="适用人" prop="suitable" sortable width="140" align="center" >
      <el-table-column label="适用人" prop="suitable" sortable :show-overflow-tooltip="true" width="140" align="center" >
        <template slot-scope="scope">{{scope.row.suitable? scope.row.suitable: '————'}}</template>
      </el-table-column>
      <el-table-column label="是否是本家庭记录" prop="ownData" sortable width="150px" >
      <el-table-column label="是否是本家庭记录" prop="ownData" sortable :show-overflow-tooltip="true" width="150px" align="center" >
        <template slot-scope="scope">{{scope.row.ownData === 0 ? '否': '是'}}</template>
      </el-table-column>
      <el-table-column label="备注" prop="remark" sortable width="120" align="center">
      <el-table-column label="备注" prop="remark" sortable :show-overflow-tooltip="true" width="120" align="center">
          <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template>
          </el-table-column>
        <el-table-column label="电子文件" prop="url" width="160" align="center">
@@ -191,30 +191,32 @@
             </template>
          </el-table-column>

<!--      </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"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['system:role:edit']"
          >修改</el-button>
          >
            <span style="font-size: 14px;">修改</span>
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:role:remove']"
          >删除</el-button>

<el-button
          ><span style="font-size: 14px;">删除</span></el-button>
          <el-button
             size="mini"
              type="text"
             icon="el-icon-d-arrow-right"
              @click="handleCheck(scope.row)">
查看详情</el-button>
            <span style="font-size: 14px;">查看详情</span></el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>
@@ -809,6 +811,13 @@
  background: #FFEFF2;

}


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

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

@@ -124,22 +124,22 @@
        <template slot-scope="scope">{{scope.row.type? scope.row.type: '————'}}</template>
<!--        <template slot-scope="scope">{{ getSrc1(scope.row.type) }}</template>-->
      </el-table-column>
      <el-table-column label="名称" prop="name" sortable  width="120" align="center" >
      <el-table-column label="名称" prop="name" sortable :show-overflow-tooltip="true"  width="120" align="center" >
        <template slot-scope="scope">{{scope.row.name? scope.row.name: '————'}}</template>
      </el-table-column>
      <el-table-column label="证号/专业" prop="idNo" sortable width="170" align="center" >
      <el-table-column label="证号/专业" prop="idNo" sortable :show-overflow-tooltip="true" width="170" align="center" >
        <template slot-scope="scope">{{scope.row.idNo? scope.row.idNo: '————'}}</template>
      </el-table-column>
      <el-table-column label="级别" prop="grade" sortable width="120" align="center">
      <el-table-column label="级别" prop="grade" sortable :show-overflow-tooltip="true" width="120" align="center">
        <template slot-scope="scope">{{scope.row.grade? scope.row.grade: '————'}}</template>
      </el-table-column>
      <el-table-column label="有效时间" prop="validityDate" sortable width="170" align="center" >
      <el-table-column label="有效时间" prop="validityDate" :show-overflow-tooltip="true" sortable width="170" align="center" >
        <template slot-scope="scope">{{scope.row.validityDate? scope.row.validityDate: '————'}}</template>
      </el-table-column>
      <el-table-column label="获得时间" prop="getDate" sortable width="170" align="center" >
      <el-table-column label="获得时间" prop="getDate" sortable :show-overflow-tooltip="true" width="170" align="center" >
        <template slot-scope="scope">{{scope.row.getDate? scope.row.getDate: '————'}}</template>
      </el-table-column>
      <el-table-column label="存放位置" prop="location" sortable width="170" align="center" >
      <el-table-column label="存放位置" prop="location" sortable :show-overflow-tooltip="true" width="170" align="center" >
        <template slot-scope="scope">{{scope.row.location? scope.row.location: '————'}}</template>
      </el-table-column>
      <el-table-column label="电子文件" prop="url" width="160" align="center">
@@ -168,29 +168,32 @@
        <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template>
      </el-table-column>
      <!--      </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">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['system:role:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:role:remove']"
          >删除</el-button>

          <el-button
            size="mini"
            type="text"
            icon="el-icon-d-arrow-right"
            @click="handleCheck(scope.row)">
            查看详情</el-button>
          <div class="button-container">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-edit"
              @click="handleUpdate(scope.row)"
              v-hasPermi="['system:role:edit']"
            >
              <span style="font-size: 14px;">修改</span>
            </el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-delete"
              @click="handleDelete(scope.row)"
              v-hasPermi="['system:role:remove']"
            ><span style="font-size: 14px;">删除</span></el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-d-arrow-right"
              @click="handleCheck(scope.row)">
              <span style="font-size: 14px;">查看详情</span></el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>
@@ -824,6 +827,11 @@
  background: #FFEFF2;

}

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

</style>

 ruoyi-ui/src/views/self/memo.vue

@@ -139,13 +139,13 @@
      <el-table-column label="人物" prop="people" sortable :show-overflow-tooltip="true" width="150" align="center" >
        <template slot-scope="scope">{{scope.row.people? scope.row.people: '————'}}</template>
      </el-table-column>
      <el-table-column label="地点" prop="address" sortable width="160" align="center" >
      <el-table-column label="地点" prop="address" sortable :show-overflow-tooltip="true" width="160" align="center" >
        <template slot-scope="scope">{{scope.row.address? scope.row.address: '————'}}</template>
      </el-table-column>
      <el-table-column label="事件标题" prop="title" sortable width="160" align="center">
      <el-table-column label="事件标题" prop="title" sortable :show-overflow-tooltip="true" width="160" align="center">
        <template slot-scope="scope">{{scope.row.title? scope.row.title: '————'}}</template>
      </el-table-column>
      <el-table-column label="备注" prop="remark" sortable width="150" align="center">
      <el-table-column label="备注" prop="remark" sortable :show-overflow-tooltip="true" width="150" align="center">
        <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template>
      </el-table-column>
      <el-table-column label="电子文件" prop="url" width="160" align="center">
@@ -172,29 +172,32 @@
      </el-table-column>

      <!--      </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">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['system:role:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:role:remove']"
          >删除</el-button>

          <el-button
            size="mini"
            type="text"
            icon="el-icon-d-arrow-right"
            @click="handleCheck(scope.row)">
            查看详情</el-button>
          <div class="button-container">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-edit"
              @click="handleUpdate(scope.row)"
              v-hasPermi="['system:role:edit']"
            >
              <span style="font-size: 14px;">修改</span>
            </el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-delete"
              @click="handleDelete(scope.row)"
              v-hasPermi="['system:role:remove']"
            ><span style="font-size: 14px;">删除</span></el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-d-arrow-right"
              @click="handleCheck(scope.row)">
              <span style="font-size: 14px;">查看详情</span></el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>
@@ -703,6 +706,11 @@
  background: #FFEFF2;

}

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

</style>

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

@@ -158,19 +158,19 @@
      <el-table-column label="时间" prop="happenTime" sortable width="150" align="center">
        <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '————'}}</template>
      </el-table-column>
      <el-table-column label="理想标题/百年心愿" prop="title" sortable width="160" align="center">
      <el-table-column label="理想标题/百年心愿" prop="title" sortable :show-overflow-tooltip="true" width="160" align="center">
        <template slot-scope="scope">{{scope.row.title? scope.row.title: '————'}}</template>
      </el-table-column>
      <el-table-column label="始于何因" prop="cause" sortable :show-overflow-tooltip="true" width="140" align="center" >
        <template slot-scope="scope">{{scope.row.cause? scope.row.cause: '————'}}</template>
      </el-table-column>
      <el-table-column label="受惠人" prop="beneficiary" sortable width="140" align="center" >
      <el-table-column label="受惠人" prop="beneficiary" sortable :show-overflow-tooltip="true" width="140" align="center" >
        <template slot-scope="scope">{{scope.row.beneficiary? scope.row.beneficiary: '————'}}</template>
      </el-table-column>
      <el-table-column label="继承人" prop="heir" sortable width="140" align="center">
      <el-table-column label="继承人" prop="heir" sortable :show-overflow-tooltip="true" width="140" align="center">
        <template slot-scope="scope">{{scope.row.heir? scope.row.heir: '————'}}</template>
      </el-table-column>
      <el-table-column label="实现难度" prop="difficulty" sortable width="120" align="center">
      <el-table-column label="实现难度" prop="difficulty" :show-overflow-tooltip="true" sortable width="120" align="center">
        <template slot-scope="scope">{{scope.row.difficulty? scope.row.difficulty: '————'}}</template>
      </el-table-column>
      <el-table-column label="是否依旧有效" prop="isEffective" sortable width="160" align="center">
@@ -202,38 +202,35 @@
            ></div>
        </template>
      </el-table-column>
      <el-table-column label="备注" prop="remark" sortable width="90" align="center">
      <el-table-column label="备注" prop="remark" sortable :show-overflow-tooltip="true" 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">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['system:role:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:role:remove']"
          >删除</el-button>
          <el-dropdown
            size="mini"
            @command="(command) => handleCommand(command, scope.row)"
            v-hasPermi="['system:role:edit']">
          <div class="button-container">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-edit"
              @click="handleUpdate(scope.row)"
              v-hasPermi="['system:role:edit']"
            >
              <span style="font-size: 14px;">修改</span>
            </el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-delete"
              @click="handleDelete(scope.row)"
              v-hasPermi="['system:role:remove']"
            ><span style="font-size: 14px;">删除</span></el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-d-arrow-right"
              @click="handleCheck(scope.row)"

            >查看详情</el-button>

          </el-dropdown>
              @click="handleCheck(scope.row)">
              <span style="font-size: 14px;">查看详情</span></el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>
@@ -823,6 +820,11 @@
  background: #FFEFF2;

}

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

</style>