SELECT @Picture=ISNULL(Thumbnail,Picture) FROM HR.dbo.emph emph WITH(NOLOCK) LEFT JOIN HRBD.dbo.EmployeePicture pic WITH(NOLOCK) ON emph.emplid=pic.EmployeeID WHERE ((@QueryBy='IdentityID' AND emph.emplid=@IdentityID) OR (@QueryBy='CardNo' AND emph.NewEid=@IdentityID))

这是一个 SQL 查询语句，它使用了 ISNULL 函数来选择 Thumbnail 或 Picture 字段的值，并将结果赋给了 @Picture 变量。这个查询从 HR.dbo.emph 表中选择数据，并与 HRBD.dbo.EmployeePicture 表进行左连接操作，连接条件是 emph.emplid = pic.EmployeeID。查询还包含了一个条件判断，如果 @QueryBy 的值是 'IdentityID'，则比较 emph.emplid 和 @IdentityID 的值；如果 @QueryBy 的值是 'CardNo'，则比较 emph.NewEid 和 @IdentityID 的值。

相关问题

var transitionEnd = $.cssTransitionEnd(), actualDemo = currentDemo, thumbnail = $('.shelf .sample[sample="'+currentDemo+'"]'), bookWidth = $('#book-zoom').width()/2, bookHeight = $('#book-zoom').height()/2, targetPosition = thumbnail.offset(), position = $('#book-zoom').offset(), scaleFrom = thumbnail.height()*1.1/$('#book-zoom').height(), posX = (-bookWidth + sample.flipbook.width()/4)*scaleFrom + bookWidth + position.left, posY = -bookHeight*scaleFrom + bookHeight + position.top, moveX = targetPosition.left - posX, moveY = targetPosition.top - posY,

这段代码是一段 JavaScript 代码，其中包含了一些变量的定义和赋值操作。

var transitionEnd = $.cssTransitionEnd(),
    actualDemo = currentDemo,
    thumbnail = $('.shelf .sample[sample="'+currentDemo+'"]'),
    bookWidth = $('#book-zoom').width()/2,
    bookHeight = $('#book-zoom').height()/2,
    targetPosition = thumbnail.offset(),
    position = $('#book-zoom').offset(),
    scaleFrom = thumbnail.height()*1.1/$('#book-zoom').height(),
    posX = (-bookWidth + sample.flipbook.width()/4)*scaleFrom +  bookWidth + position.left,
    posY = -bookHeight*scaleFrom +  bookHeight + position.top,
    moveX = targetPosition.left - posX,
    moveY = targetPosition.top - posY;

这段代码的作用是根据一些元素的位置和尺寸计算出一些动画效果所需的变量。具体解释如下：

- `transitionEnd` 变量是通过调用 `$.cssTransitionEnd()` 函数来获取 CSS 过渡效果结束事件的名称，用于在动画结束时触发相应的回调函数。
- `actualDemo` 变量是将 `currentDemo` 的值赋给它，用于保存当前的演示样本。
- `thumbnail` 变量是通过选择器获取具有特定 `sample` 属性值的 `.shelf .sample` 元素。
- `bookWidth` 变量是通过获取 `#book-zoom` 元素的宽度并除以 2 来计算得到的。
- `bookHeight` 变量是通过获取 `#book-zoom` 元素的高度并除以 2 来计算得到的。
- `targetPosition` 变量是通过调用 `offset()` 函数获取 `thumbnail` 元素相对于文档的偏移位置。
- `position` 变量是通过调用 `offset()` 函数获取 `#book-zoom` 元素相对于文档的偏移位置。
- `scaleFrom` 变量是通过计算 `thumbnail` 元素高度的 1.1 倍除以 `#book-zoom` 元素的高度来得到的比例。
- `posX` 变量是根据一系列计算公式来确定的目标 X 坐标位置。
- `posY` 变量是根据一系列计算公式来确定的目标 Y 坐标位置。
- `moveX` 变量是目标位置的左偏移量减去 `posX` 的结果。
- `moveY` 变量是目标位置的上偏移量减去 `posY` 的结果。

这段代码的目的是计算出元素动画过程中需要的位置和尺寸信息，以便在后续的动画操作中使用。

<el-upload v-if="userType!=='stu'" accept=".png,.jpeg,.jpg" action :http-request="uploadPhoto" :file-list="fileImgList" :show-upload-list="false" list-type="picture-card" :on-preview="handlePictureCardPreview" :on-remove="handleRemove"><i class="el-icon-plus"></i> <template slot="file" slot-scope="{ file }"> <div class="el-upload-list__item-thumbnail"><img :src="file.url" alt=""/></div> <span class="el-upload-list__item-actions"> <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)"> <i class="el-icon-zoom-in"></i> </span> <span class="el-upload-list__item-delete" @click="handleRemove(file)"> <i class="el-icon-delete"></i> </span> </span></template> </el-upload>将这段代码中的图片改为缩略图

要将el-upload组件中的图片改为缩略图，你可以在上传文件之后，通过一个方法将上传的图片转换为缩略图，然后在自定义的上传文件列表项中显示缩略图。

以下是一个简单的实现方法：

<el-upload v-if="userType!=='stu'"
  accept=".png,.jpeg,.jpg"
  action
  :http-request="uploadPhoto"
  :file-list="fileImgList"
  :show-upload-list="false"
  list-type="picture-card"
  :on-preview="handlePictureCardPreview"
  :on-remove="handleRemove"
>
  <i class="el-icon-plus"></i>
  <template slot="file" slot-scope="{ file }">
    <div class="el-upload-list__item-thumbnail">
      <img :src="file.thumbUrl || file.url" alt="" />
    </div>
    <span class="el-upload-list__item-actions">
      <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
        <i class="el-icon-zoom-in"></i>
      </span>
      <span class="el-upload-list__item-delete" @click="handleRemove(file)">
        <i class="el-icon-delete"></i>
      </span>
    </span>
  </template>
</el-upload>

在这里，我们在自定义的上传文件列表项中，通过判断`file`对象中是否有`thumbUrl`属性来确定要显示的是原图还是缩略图。如果`file`对象中有`thumbUrl`属性，则显示缩略图，否则显示原图。同时，我们还需要在上传完成后将上传的图片转换为缩略图，这可以通过使用`HTML5 Canvas API`来实现。

以下是一个将上传的图片转换为缩略图的方法：

function getImgThumb(file, callback) {
  const reader = new FileReader();
  reader.onload = function(e) {
    const img = new Image();
    img.src = e.target.result;
    img.onload = function() {
      const canvas = document.createElement('canvas');
      const ctx = canvas.getContext('2d');
      const width = 100; // 缩略图宽度
      const height = (img.height / img.width) * width; // 缩略图高度
      canvas.width = width;
      canvas.height = height;
      ctx.drawImage(img, 0, 0, width, height);
      canvas.toBlob(function(blob) {
        const thumbUrl = URL.createObjectURL(blob);
        callback(thumbUrl);
      }, 'image/jpeg', 0.8);
    };
  };
  reader.readAsDataURL(file);
}

在这里，我们使用`FileReader`对象读取上传的图片，然后创建一个`Image`对象并指定其`src`属性为读取到的图片数据，当图片加载完成后，再利用`Canvas`对象将图片转换为缩略图，并通过`toBlob`方法将缩略图转换为`Blob`对象，最后通过`URL.createObjectURL`方法将`Blob`对象转换为缩略图的URL。

你可以在上传文件完成后调用这个方法将上传的图片转换为缩略图，并将`thumbUrl`保存在`file`对象中，供自定义的上传文件列表项使用。

例如：

uploadPhoto(file) {
  getImgThumb(file.file, function(thumbUrl) {
    file.thumbUrl = thumbUrl;
    // 在这里执行上传操作并将上传结果保存在file对象中
  });
}

这样就可以将el-upload组件中的图片改为缩略图了。