西部数码临时模板使用说明及规范

注册局要求域名注册人在注册域名时要提供经过审核通过的实名模板，如果是首次注册域名，用户在注册域名当天还没有可用的模板。即使立即创建，在上传实名资料后，还需要等注册局人工审核，一般1~3天。为了用户能在第一时间将域名先注册下来，然后再做实名认证，我司提供了“临时模板” 服务 : 用户注册域名时，如果没有可用模板的，会先用我司的临时模板把域名注册下来，域名处于锁定状态（不可使用），同时会自动创建用户自己的模板，用户在上传完相关资料后等待注册局审核实名模板。模板通过后，系统会自动将域名信息改到用户自己的模板上，同时解除锁定 。

该功能的使用说明及规范如下：

1.服务范围

我司提供的临时模板服务只针对西部数码自有接口注册的部分域名，具体以页面提示为准。

使用临时模板注册的域名有功能限制（详见“2.使用限制”说明），请尽快在域名列表提交实名资料（或在模板管理找到关联模板上传实名资料），实名通过系统会自动完成过户，耐心等待即可。若需修改域名所有者，请新建模板通过实名后人工完成过户。

如何找到关联模板提交资料：

【情况1】新填写资料注册：系统自动新创建模板及后缀ID，用户可通过所有者找到相应模板上传实名资料，实名通过后会自动过户。

【情况2】选择已实名成功的模板注册：无需重新上传资料，系统自动创建相应ID上报，实名通过后会自动过户。

2.使用限制

使用临时模板的域名会被禁止解析（设置），不能进行域名交易、push、修改dns、转出、设置解析、查看域名注册信息、及设置转发等操作。创建模板实名后操作过户，即可解除限制。

相关帮助文档：《域名过户操作流程及常见问题》

说明：模板状态为“实名成功”不代表其关联的后缀ID均已完成实名，若没有对应后缀的ID，或关联的后缀ID未通过实名，或原ID状态异常，手工操作过户不会立即成功，状态为“过户中”，待相应ID通过实名后，系统会自动完成过户，请勿反复操作过户。

3.使用规范

(1)如模板关联的相应注册局ID已实名，我司将不提供临时模板服务；

(2)域名临时模板服务不代表用户可以长期使用临时模板作为域名的注册信息使用,用户需在域名注册成功后及时将域名过户到真实、准确、完整的信息的已实名模板。如用户未及时更新而导致损失，我司不承担相关责任；

(3)临时模板下的域名注册信息显示为我司委托的相关信息，非用户实际信息。如有发送到临时模板whois邮箱的邮件，我司不提供转发服务，因此造成的损失由用户自行承担；

(4)当使用临时模板的域名发生包括但不限于域名争议、仲裁、诉讼、违规、注销等情况，我司无法通过域名注册信息进行通知时，我司有权根据相关规定暂停、注销、归还、转移域名等相关操作，由此产生的损失及责任由用户自行承担；

(5)使用临时模板注册的域名不支持删除退款；

element-ui配置化table组件的适应性问题（横向滚动条）【七日打卡】

在开发前端项目过程中，解决适配性、兼容性问题是经常遇到且费事费力的苦差事，尤其是在开发Vue项目，应用部署在IE（尤其是IE9）上的时候。

在进行动态展示（根据后台返回的表头、表数据展示）搜索结果时，会遇到搜索结果适配屏幕宽度或高度，但是却会出现纵向或横向滚动条的现象，通过F12调试页面元素，会发现动态的增删:auto元素属性，会解决以上问题。由此可知，动态渲染页面元素时，页面加载之前，由于页面元素尚未完全加载计算元素属性值结束，会造成屏幕出现不适配，即会出现横向纵向滚动条的问题，现在的解决方案就是通过模拟增删:auto元素属性，达到重新计算元素属性值以实现屏幕适配。

表格错位

.ele .el-table__row td:nth-last-child(1), .ele el-table__header-wrapper th:nth-last-child(1) {
   border-right:none;
}
.ele .el-table__row td:nth-last-child(2), .ele el-table__header-wrapper th:nth-last-child(2) {
   border-right:none;
}

横向滚动条

通过网络查询的解决方案如下：

具体做法：

<el-table ref="configurationTable" border :data="data" :height="height" v-loading="isLoading" :class="['configurationTable', {afterRenderClass: showAfterRenderClass}]">
  
el-table>

// script
data () {

  return {
    showAfterRenderClass: false
  }
},
updated () {
  /**
   * 用于隐藏固定高度时显示不必要的scrollX的定时器
   * 这是el-table初次渲染时宽度计算的bug，可在渲染后通过重新赋予overflow: auto调整
   */
  const handleScrollX = setInterval(() => {
    // 检测是否已经生成table节点，如果不是就每隔0.5s检测一次
    // 只有生成了真实节点才能够通过修改overflow属性让浏览器重新计算
    if (this.$refs.configurationTable) {
      this.showAfterRenderClass = true
      clearInterval(handleScrollX)
    }
  }, 500)
}

/* style (注意不要设为scoped) */

/** configurationTable和afterRenderClass都是为了标记仅这个组件内修改 */
.configurationTable .el-table__body-wrapper {
    overflow: hidden;
}
.afterRenderClass {
    .el-table__body-wrapper {
        overflow: auto;
    }
}

经过项目实践，发现方案三可行，但需要进行适当改造。

方案三适用于页面数据展示，当将表格数据展示功能抽取成组件形式后，当对页面数据进行增删操作时，会发现横向滚动条出现，进而导致表格错位问题复现，根据父子组件通信过程，可通过父组件向子组件传一随机数的方式，当检测到子组件表格数据变化时，父组件将该随机数传给子组件，从而告知子组件表格数据已变化，需要重新计算页面元素，具体代码如下：

watch: {
  initnumer (val) {
  	if (val === 0) return 
  	this.showAfterRenderClass = false
  }
}