对收藏与荣誉、家庭小医生、通讯录三个模块进行完善： 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,36 +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" 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 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" align="center" >
      <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" align="center" >
      <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" align="center" >
      <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" align="center">
      <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" align="center" >
      <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" align="center" >
      <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" align="center">
          <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template>
          </el-table-column>
        <el-table-column label="电子文件" prop="url" width="140" align="center">
        <el-table-column label="电子文件" prop="url" width="160" align="center">
             <template slot-scope="scope" >
               <img
                 class="el-upload-list__item-thumbnail"
@@ -231,7 +230,7 @@
                 alt=""
                 style="width: 35px; height: 35px;"
                 fit="cover"
                  v-if="scope.row.url === ','"
                  v-if="scope.row.url ===',' "
               >
             </template>
          </el-table-column>
@@ -711,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();