update

src/views/order/commodity_contract/components/commodity_contract_summary/components/commodity_contract_summary_settlement/index.vue

@@ -21,27 +21,34 @@
               <div class="middle">升贴水/数量</div>
               <div class="right">选择数量</div>
             </div>
-            <a-checkbox-group class="commonCheckboxGroup">
-              <div class="lineBar">
+            <a-checkbox-group class="commonCheckboxGroup"
+                              v-model:value="checked"
+                              @change="change">
+              <div class="lineBar"
+                   v-for="(item, index) in tableList"
+                   :key="index + '11'">
                 <div class="line1">
                   <div class>
-                    <a-checkbox></a-checkbox>
+                    <a-checkbox :value="item.ladingbillid"></a-checkbox>
                   </div>
-                  <div class="name">南**业</div>
+                  <div class="name">{{item.username}}</div>
                 </div>
                 <div class="line2">
                   <div class="left">
-                    <div>铜杆-12mm-江铜</div>
-                    <div>蛇口仓库</div>
+                    <div>{{item.wrtypename}}</div>
+                    <div>{{item.warehousename}}</div>
                   </div>
                   <div class="middle">
-                    <div>2</div>
-                    <div>50吨</div>
+                    <div>{{item.pricemove}}</div>
+                    <div>{{item.avalidqty}}{{item.enumdicname}}</div>
                   </div>
                   <div class="right">
-                    <template class="inputNumberBlock">
+                    <template class="inputNumberBlock"
+                              :class="isChecked(item.ladingbillid) ? '' : 'disabled'">
                       <a-input-number class="dialogInput dialogInput34"
+                                      v-model:value="item.num"
                                       style="width: 100px !important; height: 34px;"
+                                      :disabled="!isChecked(item.ladingbillid)"
                                       :min="0"></a-input-number>
                       <MinusOutlined />
                       <PlusOutlined />
@@ -49,34 +56,6 @@
                   </div>
                 </div>
               </div>
-              <div class="lineBar">
-                <div class="line1">
-                  <div class>
-                    <a-checkbox></a-checkbox>
-                  </div>
-                  <div class="name">南**业</div>
-                </div>
-                <div class="line2">
-                  <div class="left">
-                    <div>铜杆-12mm-江铜</div>
-                    <div>蛇口仓库</div>
-                  </div>
-                  <div class="middle">
-                    <div>2</div>
-                    <div>50吨</div>
-                  </div>
-                  <div class="right">
-                    <template class="inputNumberBlock disabled">
-                      <a-input-number class="dialogInput dialogInput34"
-                                      style="width: 100px !important; height: 34px;"
-                                      :min="0"
-                                      disabled></a-input-number>
-                      <MinusOutlined />
-                      <PlusOutlined />
-                    </template>
-                  </div>
-                </div>
-              </div>
             </a-checkbox-group>
           </div>
           <div class="formbottom">
@@ -140,6 +119,11 @@ import { queryWrDeliveryAvalidHoldLB } from '@/services/go/wrtrade';
 import { QueryTradePositionRsp } from '@/services/go/ermcp/order/interface';
 import { PlusOutlined, MinusOutlined } from '@ant-design/icons-vue';
 
+interface DBType extends WrDeliveryAvalidHoldLB {
+    checked: boolean;
+    num: number;
+}
+
 export default defineComponent({
     name: ModalEnum.commodity_contract_summary_settlement,
     components: { Drawer, UploadImg, PlusOutlined, MinusOutlined },
@@ -156,13 +140,27 @@ export default defineComponent({
     },
     setup(props, context) {
         const { visible, cancel } = _closeModal(context);
+        const loading = ref<boolean>(false);
+
         const param: QueryWrDeliveryAvalidHoldLBReq = {
             goodsid: props.selectedRow.goodsid,
             accountid: getSelectedAccountId(),
         };
-        const { loading, list } = useQueryData<WrDeliveryAvalidHoldLB>(queryWrDeliveryAvalidHoldLB, param);
-        console.log('listddd', list);
-        // const { rules, formState, formRef } = handleForm();
+        const tableList = ref<DBType[]>([]);
+        queryWrDeliveryAvalidHoldLB(param).then((res) => {
+            tableList.value = res.map((e) => {
+                return { ...e, checked: false, num: 0 };
+            });
+        });
+
+        const checked = ref<string>();
+        function change(checkedValue: string[]) {
+            checked.value = checkedValue[checkedValue.length - 1];
+        }
+        function isChecked(value: string) {
+            return value === checked.value;
+        }
+
         function submit() {
             // validateAction<FormState>(formRef, formState).then((param) => {
             //     // 违约申请
@@ -182,7 +180,11 @@ export default defineComponent({
             visible,
             cancel,
             submit,
+            tableList,
             loading,
+            change,
+            checked,
+            isChecked,
             // rules,
             // formState,
             // formRef,