subscriptions 添加 iframe

zjf

2023-11-17 55bc564d71e572d3907bd89cc2a22f14917c01af

 src/views/PWS/Subscriptions.vue

@@ -6,11 +6,18 @@
      main-title="Autodesk PWS" />
    <el-form :inline="true" :model="headObj" class="selectInline">
      <el-form-item>
        <span>合约编号:</span>
        <el-input
          style="width: 200px"
          v-model="headObj.ContractNumber"
          placeholder="请输入合约编号"/>
      </el-form-item>
      <el-form-item>
        <div style='display: flex;'>
          <span style="margin-right: 12px">筛选方式:</span>
          <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-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>
@@ -28,7 +35,25 @@
          <el-date-picker
            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">
          </el-date-picker>
      </el-form-item>
@@ -40,11 +65,11 @@
          placeholder="请输入产品线"/>
      </el-form-item>
      <el-form-item>
        <span>最终客户帐户所在地:</span>
        <span>最终客户名称:</span>
        <el-input
          style="width: 200px"
          v-model="headObj.EndCustomerStateProvince"
          placeholder="请输入最终客户帐户所在地"/>
          v-model="headObj.EndCustomerAccountName"
          placeholder="请输入最终客户名称"/>
      </el-form-item>
      <el-form-item>
        <div style='display: flex;'>
@@ -60,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"
@@ -98,12 +124,15 @@
      showCRMExport: false,
      crmType: 'subscriptions',
      headObj: {
        ContractNumber: '', // 合约编号
        AutoRenewingContractText: '', // 自动续约合同
        StartContractEndDate: '', // 开始时间
        EndContractEndDate: '', // 结束时间
        StartContractEndDate: '', // 合约到期日期开始时间
        EndContractEndDate: '', // 合约到期日期结束时间
        StartEndDate: '', // 许可开始时间
        EndEndDate: '', // 许可结束时间
        ProductLine: '', // 产品线
        EndCustomerStateProvince: '', // 最终客户帐户所在地
        Term: '' // 许可年限
        Term: '', // 许可年限
        EndCustomerAccountName: '' //  最终客户名称
      },
      exportHeadObj: {},
      pickerOptions: {
@@ -129,12 +158,15 @@
    },
    onSubmit (val) {
      this.headObj = {
        ContractNumber: '', // 合约编号
        AutoRenewingContractText: '', // 自动续约合同
        StartContractEndDate: '', // 开始时间
        EndContractEndDate: '', // 结束时间
        StartContractEndDate: '', // 合约到期日期开始时间
        EndContractEndDate: '', // 合约到期日期结束时间
        StartEndDate: '', // 许可开始时间
        EndEndDate: '', // 许可结束时间
        ProductLine: '', // 产品线
        EndCustomerStateProvince: '', // 最终客户帐户所在地
        Term: '' // 许可年限
        Term: '', // 许可年限
        EndCustomerAccountName: '' //  最终客户名称
      }
    },
    exportFile () {
@@ -152,6 +184,7 @@
.subscription {
  display: flex;
  flex-direction: column;
  height: 100%;
  .flex-box {
    flex: 1;
    padding: 20px;
@@ -162,6 +195,9 @@
    color: #303133;

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