对收藏与荣誉、家庭小医生、通讯录三个模块进行完善： 1.将序号列固定在最左侧 2.其详情页面根据蓝湖样式进一步完善

Tcsm

2023-05-16 9ef59a7648eac33374d15b8bf35b86a19e338208

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

@@ -108,12 +108,11 @@
        </el-input>
      </el-form-item>
       <el-form-item>
            <el-button type="primary" icon="el-icon-search" size="mini" style=" width: 65px; height: 32px;background: #FFDDE3;
          border-radius: 6px 6px 6px 6px;opacity:1; " @click="handleQuery">搜索</el-button>
            <el-button icon="el-icon-refresh" size="mini" style=" width: 65px; height: 32px;background: #FFDDE3;
          border-radius: 6px 6px 6px 6px;opacity:1; " @click="resetQuery">重置</el-button>

          </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>
         <el-button  size="mini" @click="resetQuery" style=" width: 67px;height: 27px;background: #FFDDE3;
            border-radius: 7px 7px 7px 7px;opacity: 1; ">重置</el-button>
       </el-form-item>
    </el-form>
    <div>
      <div style="width: 100px;
@@ -186,35 +185,36 @@
        <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
      </el-row>
    </div>
    <el-table v-loading="loading" :data="doctorList" @selection-change="handleSelectionChange"  @row-click="handleCheck" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
    <el-table v-loading="loading" :data="doctorList" @selection-change="handleSelectionChange"  :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
      <el-table-column type="selection" width="25"  align="center" />
<el-table-column  label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>      <el-table-column label="类型" prop="type" sortable width="80">
      <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="120" align="center">
        <template slot-scope="scope">{{scope.row.type? scope.row.type: '————'}}</template>
      </el-table-column>
      <el-table-column label="症状" prop="symptom" sortable :show-overflow-tooltip="true" width="80" >
      <el-table-column label="症状" prop="symptom" sortable :show-overflow-tooltip="true" width="120" align="center" >
        <template slot-scope="scope">{{scope.row.symptom? scope.row.symptom: '————'}}</template>
      </el-table-column>
      <el-table-column label="持续时间" prop="duration" sortable :show-overflow-tooltip="true" width="110" >
      <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="110"  >
      <el-table-column label="中医处方" prop="cmedical" sortable 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="110">
      <el-table-column label="西医处方" prop="wmedical" sortable 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="80" >
      <el-table-column label="功效" prop="effect" sortable 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="110" >
      <el-table-column label="适用人" prop="suitable" sortable width="140" align="center" >
        <template slot-scope="scope">{{scope.row.suitable? scope.row.suitable: '————'}}</template>
      </el-table-column>

      <el-table-column label="备注" prop="remark" sortable width="120" >
      <el-table-column label="备注" prop="remark" sortable 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" >
        <el-table-column label="电子文件" prop="url" width="160" align="center">
             <template slot-scope="scope" >
               <img
                 class="el-upload-list__item-thumbnail"
@@ -222,7 +222,7 @@
                 alt=""
                 style="width: 35px; height: 35px;"
                 fit="cover"
                  v-if="scope.row.url !== null"
                  v-if="scope.row.url !== ','"
               >
        <img
                 class="el-upload-list__item-thumbnail"
@@ -230,7 +230,7 @@
                 alt=""
                 style="width: 35px; height: 35px;"
                 fit="cover"
                  v-if="scope.row.url === null"
                  v-if="scope.row.url ===',' "
               >
             </template>
          </el-table-column>
@@ -252,18 +252,13 @@
            @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']">
<!--            <el-button-->
<!--              size="mini"-->
<!--              type="text"-->
<!--              icon="el-icon-d-arrow-right"-->
<!--              @click="handleCheck(scope.row)"-->
<!--            >查看详情</el-button>-->

          </el-dropdown>
<el-button
             size="mini"
              type="text"
             icon="el-icon-d-arrow-right"
              @click="handleCheck(scope.row)">
查看详情</el-button>
        </template>
      </el-table-column>
    </el-table>
@@ -273,6 +268,7 @@
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      style="background: #FEF7FC;"
      @pagination="getList"
    />

@@ -714,7 +710,7 @@
    /** 删除按钮操作 */
    handleDelete(row) {
      const Ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除编号为"' + Ids + '"的数据项？').then(function() {
      this.$modal.confirm('是否确认删除数据项？').then(function() {
        return delDoctor(Ids);
      }).then(() => {
        this.getList();