subscriptions 添加 iframe

zjf

2023-11-17 55bc564d71e572d3907bd89cc2a22f14917c01af

 src/views/PWS/Subscriptions.vue

@@ -14,26 +14,44 @@
      </el-form-item>
      <el-form-item>
        <div style='display: flex;'>
          <span style="margin-right: 12px">筛选方式:</span>
          <el-select v-model="headObj.AutoRenewingSubscriptionText" placeholder="请选择" @change="renewalMethodChange">
            <el-option key="1" label="自动续约" value="AutoRenewing Subscription"></el-option>
            <el-option key="2" label="到期日期" value="NoAutoRenewing Subscription"></el-option>
          <span style="margin-right: 12px">合约筛选方式:</span>
          <el-select v-model="headObj.AutoRenewingContractText" placeholder="请选择" @change="renewalMethodChange">
            <el-option key="1" label="自动续约" value="Auto-RenewingContract"></el-option>
            <el-option key="2" label="合约到期日期" value="NoAuto-RenewingContract"></el-option>
          </el-select>
        </div>
      </el-form-item>
      <el-form-item v-if="headObj.AutoRenewingSubscriptionText == 'NoAutoRenewing Subscription'">
          <span>到期日期开始日期:</span>
      <el-form-item v-if="headObj.AutoRenewingContractText == 'NoAuto-RenewingContract'">
          <span>合约到期开始日期:</span>
          <el-date-picker
            v-model="headObj.StartLastPurchaseDate"
            v-model="headObj.StartContractEndDate"
            type="date"
            placeholder="选择开始日期"
            value-format="yyyy-MM-dd">
          </el-date-picker>
      </el-form-item>
      <el-form-item v-if="headObj.AutoRenewingSubscriptionText == 'NoAutoRenewing Subscription'">
          <span>到期日期结束日期:</span>
      <el-form-item v-if="headObj.AutoRenewingContractText == 'NoAuto-RenewingContract'">
          <span>合约到期结束日期:</span>
          <el-date-picker
            v-model="headObj.EndLastPurchaseDate"
            v-model="headObj.EndContractEndDate"
            type="date"
            placeholder="选择结束日期"
            value-format="yyyy-MM-dd">
          </el-date-picker>
      </el-form-item>
      <el-form-item>
          <span>许可到期开始日期:</span>
          <el-date-picker
            v-model="headObj.StartEndDate"
            type="date"
            placeholder="选择开始日期"
            value-format="yyyy-MM-dd">
          </el-date-picker>
      </el-form-item>
      <el-form-item>
          <span>许可到期结束日期:</span>
          <el-date-picker
            v-model="headObj.EndEndDate"
            type="date"
            placeholder="选择结束日期"
            value-format="yyyy-MM-dd">
@@ -54,13 +72,6 @@
          placeholder="请输入最终客户名称"/>
      </el-form-item>
      <el-form-item>
        <span>最终客户帐户所在地:</span>
        <el-input
          style="width: 200px"
          v-model="headObj.EndCustomerStateProvince"
          placeholder="请输入最终客户帐户所在地"/>
      </el-form-item>
      <el-form-item>
        <div style='display: flex;'>
          <span style="margin-right: 12px">许可年限:</span>
          <el-select v-model="headObj.Term" placeholder="请选择">
@@ -74,6 +85,7 @@
        <el-button @click="onSubmit('reset')">重置</el-button>
      </el-form-item>
    </el-form>
    <iframe class="extiframe" src="/ext/index.htm" frameborder="0"></iframe>
    <c-r-m-export
      :show="showCRMExport"
      :crm-type="crmType"
@@ -113,11 +125,12 @@
      crmType: 'subscriptions',
      headObj: {
        ContractNumber: '', // 合约编号
        AutoRenewingSubscriptionText: '', // 自动续约合同
        StartLastPurchaseDate: '', // 到期日期开始时间
        EndLastPurchaseDate: '', // 到期日期结束时间
        AutoRenewingContractText: '', // 自动续约合同
        StartContractEndDate: '', // 合约到期日期开始时间
        EndContractEndDate: '', // 合约到期日期结束时间
        StartEndDate: '', // 许可开始时间
        EndEndDate: '', // 许可结束时间
        ProductLine: '', // 产品线
        EndCustomerStateProvince: '', // 最终客户帐户所在地
        Term: '', // 许可年限
        EndCustomerAccountName: '' //  最终客户名称
      },
@@ -146,11 +159,12 @@
    onSubmit (val) {
      this.headObj = {
        ContractNumber: '', // 合约编号
        AutoRenewingSubscriptionText: '', // 自动续约合同
        StartLastPurchaseDate: '', // 到期日期开始时间
        EndLastPurchaseDate: '', // 到期日期结束时间
        AutoRenewingContractText: '', // 自动续约合同
        StartContractEndDate: '', // 合约到期日期开始时间
        EndContractEndDate: '', // 合约到期日期结束时间
        StartEndDate: '', // 许可开始时间
        EndEndDate: '', // 许可结束时间
        ProductLine: '', // 产品线
        EndCustomerStateProvince: '', // 最终客户帐户所在地
        Term: '', // 许可年限
        EndCustomerAccountName: '' //  最终客户名称
      }
@@ -170,6 +184,7 @@
.subscription {
  display: flex;
  flex-direction: column;
  height: 100%;
  .flex-box {
    flex: 1;
    padding: 20px;
@@ -180,6 +195,9 @@
    color: #303133;

  }
  .extiframe{
    flex: 1;
  }
}
.selectInline{
  background: #fff;