binxie
2023-06-26 b5c5eb130ca0848124f9d136af4be142ad5aac07
force-app/main/default/lwc/lexConsumableOrderManage/lexConsumableOrderManage.html
@@ -2,10 +2,7 @@
    <template if:true={showSpinner}>
        <!-- <lightning-spinner size="medium" variant="brand"></lightning-spinner> -->
        <div class="slds-spinner_container">
            <div
                role="status"
                class="slds-spinner slds-spinner_medium slds-spinner_brand"
            >
            <div role="status" class="slds-spinner slds-spinner_medium slds-spinner_brand">
                <span class="slds-assistive-text">Loading</span>
                <div class="slds-spinner__dot-a"></div>
                <div class="slds-spinner__dot-b"></div>
@@ -14,53 +11,23 @@
    </template>
    <c-common-toast></c-common-toast>
    <template if:true={showPage}>
        <div
            style="
                border: 1px solid #d4d4d4;
                border-top: 3px solid #51606e;
                border-radius: 5px;
            "
        >
            <div style="padding: 10px">
        <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;">
            <div style="padding:10px;">
                <!-- 按钮 -->
                <!-- <lightning-button style="margin: 5px;" label="协议订货" onclick={agreementorder}></lightning-button> -->
                <button
                    class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                    style="margin-right: 150px"
                    onclick={agreementorder}
                >
                    协议订货
                </button>
                <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin-right: 150px;" onclick={agreementorder}>协议订货</button>
                <template if:true={showHop}>
                    <!-- <lightning-button style="margin: 5px;" label="医院特价" onclick={hospitalorder}></lightning-button> -->
                    <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                        style="margin-right: 150px"
                        onclick={hospitalorder}
                    >
                        医院特价
                    </button>
                    <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin-right: 150px;" onclick={hospitalorder}>医院特价</button>
                </template>
                <template if:true={hasSpecial}>
                    <!-- <lightning-button style="margin: 5px;" label="促销订货" onclick={promotionorder}></lightning-button> -->
                    <button
                        class="slds-button slds-button_neutral slds-button_stretch lexBorder"
                        onclick={promotionorder}
                    >
                        促销订货
                    </button>
                    <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" onclick={promotionorder}>促销订货</button>
                </template>
                <p style="height: 10px"></p>
                <p style="height: 10px;"></p>
                <!-- 搜索 -->
                <div
                    style="
                        border: 1px solid #d4d4d4;
                        border-top: 3px solid #51606e;
                        border-radius: 5px;
                        margin-bottom: 7px;
                    "
                >
                    <div style="border-bottom: 1px solid #d4d4d4; padding: 3px">
                <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;">
                    <div style="border-bottom: 1px solid #D4D4D4;padding:3px;">
                        <lightning-layout>
                            <lightning-layout-item padding="around-small">
                                <p style="font-size: 18px">
@@ -70,103 +37,42 @@
                        </lightning-layout>
                        <!-- <p style="font-size: 16px;"><strong>检索条件</strong></p> -->
                    </div>
                    <div style="padding: 10px">
                    <div style="padding:10px;">
                        <table>
                            <tbody>
                                <tr>
                                    <td style="width: 10px"></td>
                                    <td style="width: 122px">
                                        <div
                                            style="
                                                color: #696969;
                                                font-size: 16px;
                                            "
                                        >
                                            消耗品订单名称
                                        </div>
                                    <td style="width:10px;"></td>
                                    <td style="width:122px;">
                                        <div style="color:#696969;font-size:16px;">消耗品订单名称</div>
                                    </td>
                                    <td>
                                        <lightning-input
                                            class="inputFont"
                                            type="text"
                                            label="消耗品订单名称"
                                            value={category1}
                                            variant="label-hidden"
                                            onchange={category1Change}
                                        ></lightning-input>
                                    <td >
                                        <lightning-input class="inputFont" type="text" label="消耗品订单名称" value={category1} variant="label-hidden" onchange={category1Change}></lightning-input>
                                    </td>
                                    <td style="width: 30px"></td>
                                    <td style="width: 74px">
                                        <div
                                            style="
                                                color: #696969;
                                                font-size: 16px;
                                            "
                                        >
                                            订单日期
                                        </div>
                                    <td style="width:30px;"></td>
                                    <td style="width: 74px;">
                                        <div style="color:#696969;font-size:16px;">订单日期</div>
                                    </td>
                                    <td>
                                        <lightning-input
                                            class="inputFont"
                                            type="date"
                                            name="orderDate"
                                            value={orderDate}
                                            label="订单日期"
                                            variant="label-hidden"
                                            onchange={orderDateChange}
                                        ></lightning-input>
                                    <td >
                                        <lightning-input class="inputFont" type="date" name="orderDate" value={orderDate} label="订单日期" variant="label-hidden"  onchange={orderDateChange}></lightning-input>
                                    </td>
                                    <td style="width: 30px"></td>
                                    <td style="width: 74px">
                                        <div
                                            style="
                                                color: #696969;
                                                font-size: 16px;
                                            "
                                        >
                                            订单状态
                                        </div>
                                    <td style="width:30px;"></td>
                                    <td style="width: 74px;">
                                        <div style="color:#696969;font-size:16px;">订单状态</div>
                                    </td>
                                    <td style="width: 250px">
                                        <lightning-combobox
                                            class="inputFont"
                                            name="orderStatus"
                                            label="订单状态"
                                            value={orderStatus}
                                            placeholder="请选择..."
                                            options={provinceOpts}
                                            variant="label-hidden"
                                            onchange={orderStatusChange}
                                        ></lightning-combobox>
                                    <td style="width: 250px;">
                                        <lightning-combobox class="inputFont" name="orderStatus" label="订单状态" value={orderStatus} placeholder="请选择..." options={provinceOpts} variant="label-hidden"  onchange={orderStatusChange}></lightning-combobox>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <p style="height: 10px"></p>
                        <p style="height:10px;"></p>
                        <table>
                            <tbody>
                                <tr>
                                    <td></td>
                                    <td style="width: 325px">
                                        <button
                                            class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
                                            style="
                                                margin-right: 20px;
                                                height: 32px;
                                                width: 150px;
                                            "
                                            onclick={searchProduct}
                                        >
                                            搜索
                                        </button>
                                        <button
                                            class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
                                            style="height: 32px; width: 150px"
                                            onclick={clear}
                                        >
                                            清空
                                        </button>
                                    <td style="width:325px;">
                                        <button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="margin-right: 20px;height:32px;width: 150px;" onclick={searchProduct}>搜索</button>
                                        <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="height:32px;width: 150px;" onclick={clear}>清空</button>
                                    </td>
                                </tr>
                            </tbody>
@@ -174,15 +80,8 @@
                    </div>
                </div>
                <!-- 订货明细 -->
                <div
                    style="
                        border: 1px solid #d4d4d4;
                        border-top: 3px solid #51606e;
                        border-radius: 5px;
                        margin-bottom: 7px;
                    "
                >
                    <div style="border-bottom: 1px solid #d4d4d4; padding: 3px">
                <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;">
                    <div style="border-bottom: 1px solid #D4D4D4;padding:3px;">
                        <lightning-layout>
                            <lightning-layout-item padding="around-small">
                                <p style="font-size: 18px">
@@ -192,15 +91,9 @@
                        </lightning-layout>
                        <!-- <p style="font-size: 16px;"><strong>订货明细</strong></p> -->
                    </div>
                    <div style="padding: 10px">
                    <div style="padding:10px;">
                        <div class="table-container">
                            <lightning-datatable
                                class="wrapped-header-datatable"
                                key-field="id"
                                hide-checkbox-column="true"
                                data={raesList}
                                columns={cols}
                            ></lightning-datatable>
                            <lightning-datatable class="wrapped-header-datatable" key-field="id" hide-checkbox-column="true" data={raesList} columns={cols}></lightning-datatable>
                        </div>
                    </div>
                </div>