<template>
|
<template if:true={showSpinner}>
|
<lightning-spinner size="medium" variant="brand"></lightning-spinner>
|
</template>
|
<c-common-toast></c-common-toast>
|
<div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;">
|
<div style="border-bottom: 1px solid #D4D4D4;padding:3px;">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 18px">
|
<strong>询价更新</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div style="padding:10px;">
|
<!-- 搜索 -->
|
<div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:10px;">
|
<div style="border-bottom: 1px solid #D4D4D4;padding:3px;">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 18px">
|
<strong>检索</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div style="padding:10px;">
|
<!-- 第一行 -->
|
<table style="margin-bottom: 20px;">
|
<tbody>
|
<tr>
|
<td style="width: 100px;">
|
<div style="font-size:16px;">经销商医院</div>
|
</td>
|
<td style="width: 230px;">
|
<lightning-input class="inputFont" variant="label-hidden" value={accSearch} onchange={accSearchChange}></lightning-input>
|
</td>
|
<td style="width: 30px;"></td>
|
<td style="width: 74px;">
|
<div style="font-size:16px;">销售担当</div>
|
</td>
|
<td style="width: 230px;">
|
<lightning-input class="inputFont" variant="label-hidden" value={aooSearch} onchange={aooSearchChange}></lightning-input>
|
</td>
|
<td style="width: 30px;"></td>
|
<td style="width: 32px;">
|
<span style="font-size:16px;">显示</span>
|
</td>
|
<td style="width: 50px;">
|
<lightning-combobox class="inputFont" variant="label-hidden" value={limits} options={limitOpts} onchange={limitsChange}></lightning-combobox>
|
</td>
|
<td style="width: 48px;">
|
<span style="font-size:16px;">条数据</span>
|
</td>
|
<td style="width: 30px;"></td>
|
<td style="width: 64px;">
|
<a href="#" onclick={expandAll} style="text-decoration: underline;font-size:16px;">全部展开</a>
|
</td>
|
<td></td>
|
</tr>
|
</tbody>
|
</table>
|
<!-- 第二行 -->
|
<table>
|
<tbody>
|
<tr>
|
<td style="width: 100px;">
|
<div style="font-size:16px;">数据字段</div>
|
</td>
|
<td>
|
<lightning-combobox class="inputFont" variant="label-hidden" value={numtext1} options={textOpts} onchange={numtext1Change}></lightning-combobox>
|
</td>
|
<td>
|
<lightning-combobox style="margin-left:10px;" class="inputFont" variant="label-hidden" value={numtext2} options={equalOpts} onchange={numtext2Change}></lightning-combobox>
|
</td>
|
<td>
|
<lightning-input style="margin-left:10px;" class="inputFont" variant="label-hidden" value={numtext} onchange={numtextChange}></lightning-input>
|
</td>
|
<td style="width: 30px;"></td>
|
<td>
|
<button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="height: 32px;" onclick={search}>检索</button>
|
<button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="height: 32px;" onclick={save}>保存</button>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<!-- 数据展示 -->
|
<div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;">
|
<div style="border-bottom: 1px solid #D4D4D4;padding:3px;">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 18px">
|
<strong>询价数据</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div style="padding:10px;">
|
<c-lex-custom-lightning-datatable key-field="recordId" columns={colms} data={datas} oninputchange={agencyOppInputChange} class="wrapped-header-datatable"
|
default-sort-direction={defaultSortDirection} sorted-direction={sortDirection}
|
sorted-by={sortedBy} onsort={onHandleSort} hide-checkbox-column={hidecheckboxcolumn}></c-lex-custom-lightning-datatable>
|
<c-paginator onprevious={handlePrevious} onnext={handleNext} onpageschange={handlePageschange}
|
onfirst={handleFirst} onlast={handleLast} page-size-options={pageSizeOptions}
|
previous-button-disabled={previousButtonDisabled} next-button-disabled={nextButtonDisabled}
|
record-start={recordStart} record-end={recordEnd} total-records={totalRecords}></c-paginator>
|
<!-- <lightning-layout multiple-rows="true">
|
<lightning-layout-item size="6">
|
<table id="tableLeft" >
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
</table>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<table id="tableRight">
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>1000000000000000000000000</td></tr>
|
</table>
|
</lightning-layout-item>
|
</lightning-layout> -->
|
<!-- <lightning-datatable id="leftTable" hide-checkbox-column key-field="field1" column-widths-mode="auto" columns={colmLeft} data={dataLeft} onscroll={scrollEvent}></lightning-datatable>
|
<lightning-datatable id="rightTable" hide-checkbox-column key-field="field1" column-widths-mode="auto" columns={colmRight} data={dataRight}></lightning-datatable> -->
|
<!-- <lightning-layout style="height:150px;" multiple-rows="true">
|
<lightning-layout-item size="6">
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
</lightning-layout-item>
|
</lightning-layout> -->
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
