<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>
|
