<template>
|
|
<div >
|
<table class="slds-table slds-table_cell-buffer slds-table_bordered">
|
<thead>
|
|
<tr class="slds-line-height_reset" >
|
<th scope="col" style="text-align:center;background-color:#e0e5ee" >
|
<span id="column-group-header" class="slds-assistive-text">Choose a row</span>
|
<div class="slds-th__action slds-th__action_form">
|
<div class="slds-checkbox">
|
<input type="checkbox" name="options" id="checkbox-unique-id-33" value="checkbox-unique-id-33" tabindex="0" aria-labelledby="check-select-all-label column-group-header" onclick={selectedAllOnClick}/>
|
<label class="slds-checkbox__label" for="checkbox-unique-id-33" id="check-select-all-label">
|
<span class="slds-checkbox_faux"></span>
|
</label>
|
</div>
|
</div>
|
</th>
|
|
<template for:each={optionsdata} for:item="item">
|
<th class="" scope="col" key={item.label} style="background-color:#e0e5ee">
|
<div class="slds-truncate" title={item.label}>{item.label}</div>
|
</th>
|
</template>
|
</tr>
|
</thead>
|
<tbody>
|
<tr class="slds-hint-parent " if:true={isselectedtable}>
|
<th data-label={selecttitle} onclick={clickShowFn}>
|
<div class="slds-truncate" title={selecttitle}>{selecttitle}</div>
|
</th>
|
</tr>
|
<template for:each={showData} for:item="item" if:true={clickShow} >
|
<tr class="slds-hint-parent slds-is-selected" key={item.Id} aria-selected="true">
|
|
<td style="text-align:center">
|
<div class="slds-checkbox">
|
<input type="checkbox" name="options" id={item.checkId} value={item.checkId} tabindex="0" aria-labelledby={item.checkId} checked={item.IsSelected} title={item.Id} onclick={SelectShowFn}/>
|
<label class="slds-checkbox__label" for={item.checkId} id={item.checkId} >
|
<span class="slds-checkbox_faux"></span>
|
</label>
|
</div>
|
</td>
|
|
<template for:each={item.values} for:item="values">
|
<td data-label="Account Name" key={values.valueId}>
|
|
|
<lightning-formatted-rich-text if:true={values.richtext} value={values.value}></lightning-formatted-rich-text>
|
|
<a href={values.urlValue} target="_blank" if:true={values.url} name={values.IdDataStr} title={values.value} >{values.value}</a>
|
|
<a href="javascript:void(0);" if:true={values.urlNoJump} title={values.value} name={values.IdDataStr} onclick={UrlOnClick} >{values.value} </a>
|
|
<div class="slds-truncate" title={values.value} if:true={values.text} style="width:120px;white-space:normal">{values.value}</div>
|
|
<input type="text" placeholder="input.." class="slds-input" value={values.value} if:true={values.input} name={values.IdDataStr} title={values.value} onchange={onChangeFn} />
|
|
|
<div class="slds-select_container" if:true={values.checkBox}>
|
<select class="slds-select" onchange={onChangeFn} title={values.value} name={values.IdDataStr} >
|
<option>{values.value}</option>
|
<option>无</option>
|
<template for:each={values.checkBoxOptionData} for:item="checkData">
|
<option key={checkData}>{checkData}</option>
|
</template>
|
</select>
|
</div>
|
|
<div style="margin-top:-5px">
|
<lightning-input type="date" label=" " value={values.value} if:true={values.date} title={values.value} name={values.IdDataStr} onchange={onChangeFn} ></lightning-input>
|
</div>
|
|
<!-- 查询 -->
|
<div >
|
<lightning-input
|
label=" "
|
type="search"
|
if:true={values.search}
|
name={values.IdDataStr}
|
value={values.value}
|
title={values.value}
|
onclick={onChangeSearchFn}
|
|
></lightning-input>
|
</div>
|
|
<!-- End -->
|
|
</td>
|
</template>
|
</tr>
|
</template>
|
<tr class="slds-hint-parent " if:true={isselectedtable} >
|
<th data-label={notselecttitle} onclick={clickShowNotSelectFn}>
|
<div class="slds-truncate" title={notselecttitle}>{notselecttitle}</div>
|
</th>
|
</tr>
|
<template for:each={NotData} for:item="item" if:true={clickShowNotSelect}>
|
<tr class="slds-hint-parent" key={item.Id} data-parent-id={item.Id} >
|
|
<td style="text-align:center">
|
<div class="slds-checkbox">
|
<input type="checkbox" name="options" id={item.checkId} value={item.checkId} tabindex="0" aria-labelledby={item.checkId} checked={item.IsSelected} title={item.Id} onclick={NotSelectShowFn} />
|
<label class="slds-checkbox__label" for={item.checkId} id={item.checkId} >
|
<span class="slds-checkbox_faux"></span>
|
</label>
|
</div>
|
</td>
|
|
<template for:each={item.values} for:item="values">
|
<td data-label="Account Name" key={values.valueId} >
|
|
<lightning-formatted-rich-text if:true={values.richtext} value={values.value}></lightning-formatted-rich-text>
|
|
<a href={values.urlValue} target="_blank" if:true={values.url} name={values.IdDataStr} title={values.value} >{values.value}</a>
|
|
<a href="javascript:void(0);" if:true={values.urlNoJump} title={values.value} name={values.IdDataStr} onclick={UrlOnClick}>{values.value} </a>
|
|
<div class="slds-truncate" title={values.value} if:true={values.text} style="width:120px;white-space:normal" >{values.value}</div>
|
|
<input type="text" placeholder="input.." class="slds-input" name={values.IdDataStr} value={values.value} if:true={values.input} title={values.value} onchange={onChangeFn} />
|
|
|
<div class="slds-select_container" if:true={values.checkBox}>
|
<select class="slds-select" onchange={onChangeFn} title={values.value} name={values.IdDataStr} >
|
<option>{values.value}</option>
|
<option>无</option>
|
<template for:each={values.checkBoxOptionData} for:item="checkData">
|
<option key={checkData}>{checkData}</option>
|
</template>
|
</select>
|
</div>
|
|
<div style="margin-top:-5px">
|
<lightning-input type="date" name={values.IdDataStr} title={values.value} label=" " value={values.value} if:true={values.date} onchange={onChangeFn} ></lightning-input>
|
</div>
|
<div>
|
<lightning-input
|
label=" "
|
type="search"
|
if:true={values.search}
|
name={values.IdDataStr}
|
value={values.value}
|
title={values.value}
|
onclick={onChangeSearchFn}
|
></lightning-input>
|
</div>
|
</td>
|
</template>
|
</tr>
|
</template>
|
</tbody>
|
</table>
|
<div if:true={TempModelShows}>
|
<section role="dialog" tabindex="-1" aria-label="Meaningful description of the modal content" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open" >
|
<div class="slds-modal__container">
|
<header class="slds-modal__header" if:true={isQuery}>
|
|
|
<div class="slds-grid slds-wrap">
|
<template for:each={queryoptions} for:item="item">
|
<div class="slds-col slds-size_4-of-12" key={item.Id} >
|
<p style="float: left;"> {item.label} </p>
|
|
<input type="text" placeholder="input.." class="slds-input" value={item.value} if:true={item.input} title={item.prop} onchange={onQueryChangeFn} />
|
|
<div class="slds-select_container" if:true={item.checkBox} style="margin-top:20px">
|
<select class="slds-select" onchange={onQueryChangeFn} title={item.prop} >
|
<option>{item.value}</option>
|
<option>无</option>
|
<template for:each={item.checkBoxOptionData} for:item="checkData">
|
<option key={checkData}>{checkData}</option>
|
</template>
|
</select>
|
</div>
|
|
<div if:true={item.date} style="height:30px;display:flex; align-items:flex-end;float:left">
|
<lightning-input type="date" name="input2" label=" " value={item.value} title={item.prop} onchange={onQueryChangeFn} ></lightning-input>
|
</div>
|
</div>
|
</template>
|
|
<div class="slds-col slds-size_4-of-12" >
|
<button style="float: left;background-color:#e0e5ee" class="slds-button slds-button_neutral" onclick={querySearchFn} >检索</button>
|
</div>
|
</div>
|
</header>
|
|
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
|
<table class="slds-table slds-table_cell-buffer slds-table_bordered">
|
<thead>
|
<tr class="slds-line-height_reset" >
|
<td scope="col" style="text-align:center" >
|
<!-- <span id="column-group-header1" class="slds-assistive-text">Choose a row</span>
|
<div class="slds-th__action slds-th__action_form">
|
<div class="slds-checkbox">
|
<input type="checkbox" name="options" id="checkbox-unique-id-34" value="checkbox-unique-id-34" tabindex="0" aria-labelledby="check-select-all-label2 column-group-header" />
|
<label class="slds-checkbox__label" for="checkbox-unique-id-34" id="check-select-all-label2">
|
<span class="slds-checkbox_faux"></span>
|
</label>
|
</div>
|
</div> -->
|
</td>
|
<template for:each={searchoptions} for:item="item">
|
<th class="" scope="col" key={item.label}>
|
<div class="slds-truncate" title={item.label}>{item.label}</div>
|
</th>
|
</template>
|
</tr>
|
</thead>
|
<tbody>
|
<template for:each={searchdatas} for:item="item">
|
<tr class="slds-hint-parent" key={item.Id} >
|
|
<td style="text-align:center">
|
<div class="slds-checkbox" >
|
<input type="checkbox" name="options" id={item.checkId} value={item.checkId} tabindex="0" aria-labelledby={item.checkId} checked={item.IsSelected} title={item.Id} onclick={showCheckFn} />
|
<label class="slds-checkbox__label" for={item.checkId} id={item.checkId} >
|
<span class="slds-checkbox_faux"></span>
|
</label>
|
</div>
|
</td>
|
<template for:each={item.values} for:item="values">
|
<td data-label={values.value} key={values.valueId}>
|
<div class="slds-truncate" title={values.value}>{values.value}</div>
|
</td>
|
</template>
|
</tr>
|
</template>
|
</tbody>
|
</table>
|
</div>
|
<footer class="slds-modal__footer">
|
<button class="slds-button slds-button_neutral" onclick={ShowModelCloseFn}>关闭</button>
|
<button class="slds-button slds-button_brand" onclick={ShowModelSaveFn} >确定</button>
|
</footer>
|
</div>
|
</section>
|
<div class="slds-backdrop slds-backdrop_open"></div>
|
</div>
|
|
|
<div>
|
<!-- <div class="slds-form-element">
|
<label class="slds-form-element__label" for="combobox-id-2">询价1:</label>
|
<div class="slds-form-element__control">
|
<div class="slds-combobox_container">
|
<div class="slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open" aria-expanded="true" aria-haspopup="listbox" role="combobox">
|
<div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" role="none">
|
<input type="text" onmousedown={onmousedownFn} class="slds-input slds-combobox__input slds-has-focus" id="combobox-id-2" aria-autocomplete="list" aria-controls="listbox-id-2" onchange={handleChanges} autocomplete="off" role="textbox" placeholder="Search..." value="123"/>
|
<span class="slds-icon_container slds-icon-utility-search slds-input__icon slds-input__icon_right">
|
<svg class="slds-icon slds-icon slds-icon_x-small slds-icon-text-default" aria-hidden="true">
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#search"></use>
|
</svg>
|
</span>
|
</div>
|
<div id="listbox-id-2" class="slds-dropdown slds-dropdown_length-with-icon-7 slds-dropdown_fluid" role="listbox" if:true ={isShow}>
|
<ul class="slds-listbox slds-listbox_vertical" role="presentation" >
|
<li role="presentation" class="slds-listbox__item" onclick={onClicks}>
|
<div id="option1" class="slds-media slds-listbox__option slds-listbox__option_entity slds-listbox__option_has-meta" role="option">
|
<span class="slds-media__figure slds-listbox__option-icon">
|
<span class="slds-icon_container slds-icon-standard-account">
|
<svg class="slds-icon slds-icon_small" aria-hidden="true">
|
<use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#account"></use>
|
</svg>
|
</span>
|
</span>
|
<span class="slds-media__body">
|
<span class="slds-listbox__option-text slds-listbox__option-text_entity">BJ-GI-BJ0654020</span>
|
<span class="slds-listbox__option-meta slds-listbox__option-meta_entity">北京市 重点产品01</span>
|
</span>
|
</div>
|
</li>
|
<li role="presentation" class="slds-listbox__item" onclick={onClicks}>
|
<div id="option2" class="slds-media slds-listbox__option slds-listbox__option_entity slds-listbox__option_has-meta" role="option">
|
<span class="slds-media__figure slds-listbox__option-icon">
|
<span class="slds-icon_container slds-icon-standard-account">
|
<svg class="slds-icon slds-icon_small" aria-hidden="true">
|
<use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#account"></use>
|
</svg>
|
</span>
|
</span>
|
<span class="slds-media__body">
|
<span class="slds-listbox__option-text slds-listbox__option-text_entity"> BJ-GI-XJ0653899</span>
|
<span class="slds-listbox__option-meta slds-listbox__option-meta_entity">新疆自治区 省目标</span>
|
</span>
|
</div>
|
</li>
|
<li role="presentation" class="slds-listbox__item" onclick={onClicks}>
|
<div id="option3" class="slds-media slds-listbox__option slds-listbox__option_entity slds-listbox__option_has-meta" role="option">
|
<span class="slds-media__figure slds-listbox__option-icon">
|
<span class="slds-icon_container slds-icon-standard-account">
|
<svg class="slds-icon slds-icon_small" aria-hidden="true">
|
<use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#account"></use>
|
</svg>
|
</span>
|
</span>
|
<span class="slds-media__body">
|
<span class="slds-listbox__option-text slds-listbox__option-text_entity"> BJ-GI-BJ0654022</span>
|
<span class="slds-listbox__option-meta slds-listbox__option-meta_entity">北京市 重点产品01</span>
|
</span>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div> -->
|
</div>
|
|
<!-- <table class="slds-table slds-table_bordered " >
|
<thead>
|
<tr class="slds-line-height_reset">
|
<th class="slds-text-align_right" scope="col" style="width:3.25rem">
|
<span id="column-group-header" class="slds-assistive-text">Choose a row</span>
|
<div class="slds-th__action slds-th__action_form">
|
<div class="slds-checkbox">
|
<input type="checkbox" name="options" id="checkbox-unique-id-33" value="checkbox-unique-id-33" tabindex="0" aria-labelledby="check-select-all-label column-group-header" />
|
<label class="slds-checkbox__label" for="checkbox-unique-id-33" id="check-select-all-label">
|
<span class="slds-checkbox_faux"></span>
|
</label>
|
</div>
|
</div>
|
</th>
|
<th aria-label="Name" aria-sort="none" class="slds-is-resizable slds-is-sortable" scope="col">
|
<a class="slds-th__action slds-text-link_reset" href="#" role="button" tabindex="0">
|
<span class="slds-assistive-text">Sort by: </span>
|
<div class="slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate">
|
<span class="slds-truncate" title="Name">Name</span>
|
<span class="slds-icon_container slds-icon-utility-arrowdown">
|
<svg class="slds-icon slds-icon-text-default slds-is-sortable__icon " aria-hidden="true">
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#arrowdown"></use>
|
</svg>
|
</span>
|
</div>
|
</a>
|
<div class="slds-resizable">
|
<input type="range" aria-label="Name column width" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-78" max="1000" min="20" tabindex="0" />
|
<span class="slds-resizable__handle">
|
<span class="slds-resizable__divider"></span>
|
</span>
|
</div>
|
</th>
|
|
</tr>
|
</thead>
|
<tbody>
|
<tr aria-selected="true" class="slds-hint-parent slds-is-selected">
|
<td class="slds-text-align_right">
|
<div class="slds-checkbox">
|
<input type="checkbox" name="options" id="checkbox-02" value="checkbox-02" tabindex="0" aria-labelledby="check-button-label-02 column-group-header" checked='' />
|
<label class="slds-checkbox__label" for="checkbox-02" id="check-button-label-02">
|
<span class="slds-checkbox_faux"></span>
|
</label>
|
</div>
|
</td>
|
|
<th scope="row">
|
<div class="slds-truncate" title="Acme - 200 Widgets">
|
<a href="#" tabindex="0">Acme - 200 Widgets</a>
|
</div>
|
</th>
|
</tr>
|
</tbody>
|
</table> -->
|
|
<!-- <table aria-multiselectable="true" class="slds-table slds-table_bordered slds-table_fixed-layout slds-table_resizable-cols" role="grid">
|
<thead>
|
<tr class="slds-line-height_reset">
|
<th class="slds-text-align_right" scope="col" style="width:3.25rem">
|
<span id="column-group-header" class="slds-assistive-text">Choose a row</span>
|
<div class="slds-th__action slds-th__action_form">
|
<div class="slds-checkbox">
|
<input type="checkbox" name="options" id="checkbox-unique-id-309" value="checkbox-unique-id-309" tabindex="0" aria-labelledby="check-select-all-label column-group-header" checked="" />
|
<label class="slds-checkbox__label" for="checkbox-unique-id-309" id="check-select-all-label">
|
<span class="slds-checkbox_faux"></span>
|
<span class="slds-form-element__label slds-assistive-text">Select All</span>
|
</label>
|
</div>
|
</div>
|
</th>
|
<th aria-label="Name" aria-sort="none" class="slds-is-resizable slds-is-sortable" scope="col">
|
<a class="slds-th__action slds-text-link_reset" href="#" role="button" tabindex="0">
|
<span class="slds-assistive-text">Sort by: </span>
|
<div class="slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate">
|
<span class="slds-truncate" title="Name">Name</span>
|
<span class="slds-icon_container slds-icon-utility-arrowdown">
|
<svg class="slds-icon slds-icon-text-default slds-is-sortable__icon " aria-hidden="true">
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#arrowdown"></use>
|
</svg>
|
</span>
|
</div>
|
</a>
|
<div class="slds-resizable">
|
<input type="range" aria-label="Name column width" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-561" max="1000" min="20" tabindex="0" />
|
<span class="slds-resizable__handle">
|
<span class="slds-resizable__divider"></span>
|
</span>
|
</div>
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr aria-selected="true" class="slds-hint-parent slds-is-selected">
|
<td class="slds-text-align_right" role="gridcell">
|
<div class="slds-checkbox">
|
<input type="checkbox" name="options" id="checkbox-01" value="checkbox-01" tabindex="0" aria-labelledby={TextValues} checked="" />
|
<label class="slds-checkbox__label" for="checkbox-01" id="check-button-label-01">
|
<span class="slds-checkbox_faux"></span>
|
<span class="slds-form-element__label slds-assistive-text">Select item 1</span>
|
</label>
|
</div>
|
</td>
|
<th scope="row">
|
<div class="slds-truncate" title="Acme - 1,200 Widgets">
|
<a href="#" tabindex="0">Acme - 1,200 Widgets</a>
|
</div>
|
</th>
|
</tr>
|
<tr aria-selected="true" class="slds-hint-parent slds-is-selected">
|
<td class="slds-text-align_right" role="gridcell">
|
<div class="slds-checkbox">
|
<input type="checkbox" name="options" id="checkbox-02" value="checkbox-02" tabindex="0" aria-labelledby="check-button-label-02 column-group-header" checked="" />
|
<label class="slds-checkbox__label" for="checkbox-02" id="check-button-label-02">
|
<span class="slds-checkbox_faux"></span>
|
<span class="slds-form-element__label slds-assistive-text">Select item 2</span>
|
</label>
|
</div>
|
</td>
|
<th scope="row">
|
<div class="slds-truncate" title="Acme - 200 Widgets">
|
<a href="#" tabindex="0">Acme - 200 Widgets</a>
|
</div>
|
</th>
|
|
</tr>
|
<tr aria-selected="true" class="slds-hint-parent slds-is-selected">
|
<td class="slds-text-align_right" role="gridcell">
|
<div class="slds-checkbox">
|
<input type="checkbox" name="options" id="checkbox-03" value="checkbox-03" tabindex="0" aria-labelledby="check-button-label-03 column-group-header" checked="" />
|
<label class="slds-checkbox__label" for="checkbox-03" id="check-button-label-03">
|
<span class="slds-checkbox_faux"></span>
|
<span class="slds-form-element__label slds-assistive-text">Select item 3</span>
|
</label>
|
</div>
|
</td>
|
<th scope="row">
|
<div class="slds-truncate" title="salesforce.com - 1,000 Widgets">
|
<a href="#" tabindex="0">salesforce.com - 1,000 Widgets</a>
|
</div>
|
</th>
|
|
</tr>
|
</tbody>
|
</table> -->
|
|
</div>
|
|
</template>
|
