高章伟
2023-10-30 e48cd34b21a3841cac102402c15903e8e075ad02
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<template>
       <!--  <h2 id="modal-heading-01" style="text-align: left; font-size:18px; padding-left:13px;">
            选择合同报价
        </h2> -->
        <lightning-layout >
            <lightning-layout-item flexibility="auto" padding="around-small" size=1 style="text-align: right;line-height: 40px;">
            <!-- 报价组合名称: -->
            </lightning-layout-item>
          <!--   <lightning-layout-item flexibility="auto" padding="around-small" size=3 >
                <lightning-input  onchange={changeMceGroupName}  value={mcpeName} disabled={isNotApprove}>{mcpeName}</lightning-input>
            </lightning-layout-item> -->
            <lightning-layout-item flexibility="auto" padding="around-small" size=2 style="padding-left:20px;text-align: right;line-height: 40px;">
            决定报价组合:
            </lightning-layout-item>
            <lightning-layout-item flexibility="auto" padding="around-small" size=1 style="text-align: left;padding-top: 25px;">
                 <lightning-input type="checkbox" disabled={isDecideDisabled}  checked={isMcpeDecide} onchange={changeMcpeDecide}   value={isMcpeDecide} variant="label-hidden"></lightning-input>
                
            </lightning-layout-item>
             <lightning-layout-item flexibility="auto" padding="around-small" size=5 style="text-align: left;">
                 <button class="slds-button slds-button_brand"  onclick={saveMcpGroup} >保存</button>
                <button class="slds-button slds-button_brand" disabled={isNotApprove} onclick={mcpApproval} >提交审批</button>
                <button class="slds-button slds-button_brand"  onclick={cancle} >返回</button>
            </lightning-layout-item>
        </lightning-layout>
                
 
        <div style="border-bottom:1px solid #e3deb8;margin:5px 20px;"></div>
        <!-- <lightning-layout >
            <lightning-layout-item flexibility="auto" padding="around-small" size=12 style="padding-left:20px;" id='mceList'>
                
                <template for:each={mceList} for:item='mce'>
                    <lightning-radio-group name={mce.radioName} key={mce.mcId} disabled={isNotApprove} style="border-bottom:1px solid #e3deb8;padding: 5px 3px;"
                  label={mce.mcName}
                  options={mce.options}
                  onchange={selectMceEvent}
                  value={mce.radioValue}
                  class="my-radio-group"
                  type="radio">
                </lightning-radio-group>
                </template>
                 
            </lightning-layout-item>
        </lightning-layout> -->
        <table style="padding-left:20px;width:80%;margin-left:10%;">
                
            <tr key={mce.Id} style='line-height: 40px;background-color:#f1e6e6;'>
                <th style="text-align:center;width: 40px;"> 选择</th>
                <th style="text-align:center;width:250px;"> 报价编码 </th>
                <th style="text-align:center;width:100px;"> 合同总金额</th>
                <th style="text-align:center;width:200px;"> 签约设备数量</th>
                <th style="text-align:center;">操作 </th>
            </tr>
        </table>
        <template for:each={initResult} for:item='mc'>
            <lightning-layout key={mc.mcId} >
                <lightning-layout-item flexibility="auto" key={mc.mcId} padding="around-small" size=12 style="padding-left:20px;margin-left:10%;font-weight:bold ;">
                    {mc.mcName}       
                </lightning-layout-item>
            </lightning-layout>
            <table key={mc.mcId}  style="padding-left:20px;width:80%;margin-left:10%;">
 
                <!-- <tr key={mc.mcId}><th  rowspan='12'>{mc.mcName} </th></tr> -->
                <template for:each={mc.mceList} for:item='mce'>
                    <tr key={mce.Id} style='line-height: 40px;'>
                        <td style="text-align:center;width: 40px;"><input type="radio" name='{mc.mcId}' value={mce.Name}  checked={mce.checked} disabled={mce.disabled} onchange={selectMceEvent}  >  </td>
                        <td style="text-align:center;width:250px;"> {mce.Name} </td>
                        <td style="text-align:center;width:100px;"> {mce.Maintenance_Price__c} </td>
                        <td style="text-align:center;width:200px;"> {mce.Estimate_Asset_Cnt__c} </td>
                        <td style="text-align:center;"> <input type="button" value='编辑' name='{mce.Id}' onclick={toEditMce} class='slds-button slds-button_neutral'/> </td>
                    </tr>
                </template>
                
            </table>
            <div key={mc.mcId} style="border-bottom:1px solid #e3deb8;margin:5px 20px;"></div>
            <!-- <lightning-layout key={mc.mcId} >
                <lightning-layout-item flexibility="auto" key={mc.mcId} padding="around-small" size=12 style="padding-left:20px;">
                    {mc.mcName}       
                </lightning-layout-item>
            </lightning-layout>
            <template for:each={mc.mceList} for:item='mce'>
                <lightning-layout key={mce.Id} >
                    <lightning-layout-item flexibility="auto" key={mce.Id} padding="around-small" size=1 style="padding-left:20px;">
                        <input type="radio" name='{mc.mcId}'>     
                    </lightning-layout-item>
                    <lightning-layout-item flexibility="auto" key={mce.Id} padding="around-small" size=2>
                           {mce.Name}
                    </lightning-layout-item>
                    <lightning-layout-item flexibility="auto" key={mce.Id} padding="around-small" size=2>
                           {mce.Maintenance_Price__c}
                    </lightning-layout-item>
                    <lightning-layout-item flexibility="auto" key={mce.Id} padding="around-small" size=2>
                           {mce.Estimate_Asset_Cnt__c}
                    </lightning-layout-item>
                </lightning-layout>
            </template> -->
        </template>
        
        <lightning-layout >
            <lightning-layout-item flexibility="auto" padding="around-small" size=2 style='text-align: right;'>
                  <span>申请理由</span>
            </lightning-layout-item>
            <lightning-layout-item flexibility="auto" padding="around-small" size=3 >
                <lightning-textarea  onchange={changeMceGroupReson}  value={mcpeReson}  disabled={isNotApprove}>{mcpeReson}</lightning-textarea>
            </lightning-layout-item>
        </lightning-layout>
        <lightning-layout >
            <lightning-layout-item flexibility="auto" padding="around-small" size=2 style='text-align: right;'>
                  <span>消费率改善方案</span>
            </lightning-layout-item>
            <lightning-layout-item flexibility="auto" padding="around-small" size=3 >
                <lightning-textarea  onchange={changeConsumptionRateSolution}  value={consumptionRateSolution}  disabled={isNotApprove}>{consumptionRateSolution}</lightning-textarea>
            </lightning-layout-item>
        </lightning-layout>
 
        
</template>