调号

entry/src/main/ets/pages/metailmange/WzExchangePage/WzExchangeDetailPage/WzExchangeDetailPage.ets

@@ -2,7 +2,7 @@ import { TitleBar } from '../../../../view/title/TitleBar'
 import router from '@ohos.router';
 import { Logger } from '@ohos/common/src/main/ets/utils/Logger';
 import { Wzcrk } from '@ohos/common/src/main/ets/entity/Wzcrk';
-import { WzInfo } from '../../WzInPage/WzinDetail/WzInfo'
+import { WzExchangeInfo } from './WzExchangeInfo'
 import { PzExchangeInfo } from './PzExchangeInfo'
 import {AddWzin} from '../../WzInPage/WzinDetail/AddWzin'
 import wzcrkmxModel from '../../../../model/WzcrkmxModel';
@@ -89,7 +89,7 @@ struct WzExchangeDetailPage{
 
           TabContent() {
             Column() {
-              WzInfo({ wzmx: this.wzmx, wzcrk: this.wzcrk, getDetail: this.getDetail })
+              WzExchangeInfo({ wzmx: this.wzmx, wzcrk: this.wzcrk, getDetail: this.getDetail })
             }.width("100%")
           }.tabBar(this.TabBuilder(1, '物资信息'))
         }

entry/src/main/ets/pages/metailmange/WzExchangePage/WzExchangeDetailPage/WzExchangeInfo.ets

+import router from '@ohos.router';
+import { Logger } from '@ohos/common';
+import { Wzcrkmx } from '@ohos/common/src/main/ets/entity/Wzcrkmx';
+import gldwModel from '../../../../model/GldwModel';
+import kfModel from '../../../../model/KfModel';
+import { WzClass, WzmxClass } from '../../Common/Wzcrk.data';
+import { WzList } from '../../Common/WzcrkList';
+
+@Extend(Button) function CommonButtonStyle() {
+  .borderWidth(2)
+  .borderColor('#0fa983')
+  .backgroundColor('#97c6a6')
+  .fontColor('#fff')
+  .borderRadius(5)
+  .type(ButtonType.Normal)
+  .stateEffect(true)
+}
+@Component
+  // 物资信息
+export struct WzExchangeInfo{
+  private searchcontroller: SearchController = new SearchController()
+  @State kfmc: string = ''
+  @State sfdw: string = ''
+  @State wzmx: WzmxClass[] = []
+  @ObjectLink wzcrk: WzClass
+  getDetail: (wzpm?:string) => void
+
+  aboutToAppear(){
+    this.getData()
+  }
+
+  async getData() {
+    const res = await kfModel.query({guid: this.wzcrk.kfguid})
+    this.kfmc = res[0].kfmc ?? ''
+
+    const res1 = await gldwModel.queryByData({dwdm:this.wzcrk.sfdw})
+    this.sfdw = res1[0].dwfh ?? ''
+  }
+
+
+  build() {
+    Column() {
+      Flex({ direction: FlexDirection.Column }) {
+        Column() {
+          Flex({ justifyContent: FlexAlign.SpaceEvenly, alignItems: ItemAlign.Center }) {
+            Row() {
+              Divider()
+                .vertical(true)
+                .height(14)
+                .strokeWidth(3)
+                .color('#19ac88')
+                .opacity(0.6)
+                .margin({ left: 8, right: 8 })
+              Text("单位/库房信息")
+                .fontWeight(FontWeight.Medium)
+                .fontSize(14)
+                .fontColor($r("app.color.item_color_black"))
+            }
+            .width("35%")
+
+            Text(this.sfdw + this.kfmc)
+              .fontWeight(FontWeight.Medium)
+              .fontSize(21)
+              .fontColor($r("app.color.title_background"))
+              .width("60%")
+              .textAlign(TextAlign.Start)
+              .padding({ bottom: 20, top: 20 })
+          }.width("100%")
+          Divider().vertical(false).backgroundColor($r("app.color.font_description"))
+          Flex({ justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
+            Row(){
+              Divider()
+                .vertical(true)
+                .height(14)
+                .strokeWidth(3)
+                .color('#19ac88')
+                .opacity(0.6)
+                .margin({ left: 8, right: 8 })
+              Text("调号模式")
+                .fontSize(14)
+                .width("30%")
+                .height(40)
+                .fontColor($r("app.color.item_color_black"))
+            }
+            Row(){
+              Text("调入").margin({left:10,right:10})
+              Toggle({ type: ToggleType.Switch, isOn: true })
+                .selectedColor('#007DFF')
+                .switchPointColor('#FFFFFF')
+                .onChange((isOn: boolean) => {
+                  console.info('Component status:' + isOn)
+                })
+              Text("调出").margin({left:10,right:10})
+            }
+          }.padding({left:2,bottom:20})
+          .width("100%")
+        }.padding({ bottom: 20, top: 20 })
+        .borderRadius(5)
+        .width("100%")
+        .backgroundColor("#fff")
+
+        Flex({ direction: FlexDirection.Column }) {
+          Flex({ justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
+            Row() {
+              Divider()
+                .vertical(true)
+                .height(14)
+                .strokeWidth(3)
+                .color('#19ac88')
+                .opacity(0.6)
+                .margin({ left: 8, right: 8 })
+              Text("物资列表")
+                .fontWeight(FontWeight.Medium)
+                .fontSize(14)
+                .fontColor($r("app.color.item_color_black"))
+            }
+          }.padding({ left: 2, right: 10 })
+          .width("100%")
+
+          Row() {
+            Flex({ justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
+              Search({ placeholder: '请输入品名名称', controller: this.searchcontroller })
+                .height(40)
+                .backgroundColor('#F5F5F5')
+                .placeholderColor(Color.Grey)
+                .textAlign(TextAlign.Center)
+                .placeholderFont({ size: 14, weight: 400 })
+                .textFont({ size: 14, weight: 400 })
+                .width('75%')
+                .onSubmit((value: string) => {
+                  this.getDetail(value)
+                })
+                .onChange((value: string) => {
+                })
+                .margin({ left: 10 })
+                .borderRadius(5)
+              Button("查看状态").CommonButtonStyle().width("25%").margin({ left: 5, right: 5 }).onClick(() => {
+                router.pushUrl({ url: 'pages/metailmange/WzStatus', params: {
+                  wzmx: this.wzmx
+                } })
+              })
+            }.width("100%")
+          }.padding({ top: 10, bottom: 10 }).width("100%")
+
+          Column() {
+            List() {
+              ForEach(this.wzmx, (item) => {
+                ListItem() {
+                  WzList({ wzmx: item })
+                }
+              })
+            }
+          }.flexGrow(1)
+        }
+        .padding({ bottom: 20, top: 20 })
+        .borderRadius(15)
+        .margin({ top: 20 })
+        .width("100%")
+        .backgroundColor("#fff")
+      }
+      .width("100%")
+      .height("100%")
+    }
+  }
+}
\ No newline at end of file