@appthen/cli 1.2.8 → 1.2.11

package/tests/test-app/src/pages/mobile_terminal/workOrderDetails.tsx

@@ -0,0 +1,346 @@
+/**
+ * 工单详情
+ * @type Page
+ * @screen 375w
+ * @frames app
+ */
+import React from 'react';
+import { AtIcon, HeaderBar, Image, Page, ScrollView, Text, View } from 'cross-ui';
+
+
+class IProps {}
+
+/*
+ * 数据与接口请求定义
+ */
+class IState {}
+
+class Document extends React.Component<IProps, IState> {
+  state = {};
+
+  render() {
+    return (
+      <Page statusBarMode="light" className="bg-[#ffffff]">
+        <HeaderBar
+          backgroundColor="#ffffff"
+          mode="light"
+          showBack={true}
+          title="工单详情"
+          titleAlign="center"
+          translucent={false}
+        />
+        <ScrollView>
+          <View className="pl-[12px] pr-[12px] mt-[12px] mb-[12px]">
+            <View
+              __hidePh={true}
+              className="rounded-xl bg-[#eff6ff] pt-[12px] pb-[12px] pl-[12px] pr-[12px]"
+            >
+              <View className="flex flex-row items-center">
+                <View className="flex-1">
+                  <Text className="text-sm text-[#3b82f6]">WO-2023110001</Text>
+                </View>
+                <View className="bg-[#f97316] pt-[6px] pr-[10px] pb-[6px] pl-[10px] rounded-[10px]">
+                  <Text className="text-xs text-[#ffffff]">待处理</Text>
+                </View>
+              </View>
+              <View className="mt-[10px]">
+                <Text className="text-sm text-[#333] font-bold">
+                  设备故障维修申请
+                </Text>
+              </View>
+              <View className="mt-[10px] flex flex-row items-center">
+                <View className="w-[28px] h-[28px] bg-[#add2ff] rounded-[15px] flex flex-col justify-center items-center">
+                  <Text className="text-sm text-[#3b82f6]">李</Text>
+                </View>
+                <View className="ml-[10px]">
+                  <Text className="text-sm text-[#666666]">李明</Text>
+                </View>
+                <View className="ml-[10px] bg-[#666666] w-[6px] h-[6px] rounded-[3px]" />
+                <View className="ml-[10px]">
+                  <Text className="text-sm text-[#666666]">
+                    2025-06-20 10:40
+                  </Text>
+                </View>
+              </View>
+            </View>
+          </View>
+          <View className="pl-[12px] pr-[12px]">
+            <View
+              __hidePh={true}
+              className="border border-[#f3f4f6] border-solid rounded-xl shadow-[0 2px 1px 0 rgba(0,0,0,0.1)]"
+            >
+              <View className="border-b-[1px] border-b-[#f3f4f6] border-b-solid pl-[12px] pr-[12px] pt-[12px] pb-[12px] flex flex-row">
+                <View className="flex flex-row items-center flex-1">
+                  <View>
+                    <AtIcon
+                      color="#666"
+                      size={20}
+                      svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 20 20&#34;&#62;&#10;\t&#60;defs&#62;&#10;\t\t&#60;clipPath id=&#34;clipPath9287197745&#34;&#62;&#10;\t\t\t&#60;path d=&#34;M0 0L20 0L20 20L0 20L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t\t&#60;/clipPath&#62;&#10;\t&#60;/defs&#62;&#10;\t&#60;g clip-path=&#34;url(#clipPath9287197745)&#34;&#62;&#10;\t\t&#60;path d=&#34;M-0.625 0.786719L-0.625 16.25C-0.625 16.5952 -0.345175 16.875 0 16.875C0.345175 16.875 0.625 16.5952 0.625 16.25L0.625 10.3547Q0.7133 10.3169 0.822642 10.2804Q1.66392 10 3.125 10Q3.95913 10 5.12149 10.2111Q5.82894 10.3396 7.25042 10.6754Q8.46493 10.9624 9.025 11.0684Q9.98456 11.25 10.625 11.25Q11.7168 11.25 12.76 10.9936Q13.4053 10.835 13.9082 10.6147Q14.1204 10.5214 14.2473 10.3275Q14.3743 10.1336 14.375 9.9L14.375 1.33257Q14.3758 0.955685 14.0624 0.746373Q13.749 0.537074 13.3983 0.683384Q12.7397 0.962018 12.0391 1.10508Q11.3385 1.24815 10.625 1.25Q10.1455 1.25 9.33727 1.02038Q8.81558 0.872158 7.6387 0.456316Q6.16689 -0.0637379 5.41399 -0.26849Q4.10304 -0.625 3.125 -0.625Q1.84496 -0.625 0.927885 -0.418185Q0.258252 -0.267171 -0.156244 -0.0240819Q-0.373028 0.101075 -0.498572 0.317638Q-0.624114 0.534199 -0.625 0.786719ZM0.625 9.03349Q1.61576 8.75 3.125 8.75Q4.07172 8.75 5.34484 8.9812Q6.08448 9.11552 7.53787 9.45894Q8.72497 9.73945 9.25743 9.84021Q10.1018 10 10.625 10Q11.5654 10 12.4617 9.77973Q12.8244 9.6906 13.125 9.58187L13.125 2.11407Q12.7137 2.24313 12.2892 2.32981Q11.4664 2.49782 10.625 2.5Q9.97133 2.5 8.99564 2.22279Q8.43617 2.06383 7.22226 1.63491Q5.79415 1.13029 5.08597 0.937703Q3.9361 0.625 3.125 0.625Q1.98416 0.625 1.20288 0.801192Q0.854425 0.879774 0.625 0.979842L0.625 9.03349Z&#34; fill-rule=&#34;evenodd&#34; transform=&#34;matrix(1 0 0 1 3.125 1.875)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                    />
+                  </View>
+                  <View className="ml-[5px]">
+                    <Text className="text-sm text-[#333]">优先级</Text>
+                  </View>
+                </View>
+                <View className="pl-[8px] pr-[8px] pt-[6px] pb-[6px] border border-[#ef4444] border-solid rounded-[5px]">
+                  <Text className="text-xs text-[#ef4444]">紧急</Text>
+                </View>
+              </View>
+              <View className="border-b-[1px] border-b-[#f3f4f6] border-b-solid pl-[12px] pr-[12px] pt-[12px] pb-[12px] flex flex-row items-center">
+                <View className="flex flex-row items-center flex-1">
+                  <View>
+                    <AtIcon
+                      color="#666"
+                      size={20}
+                      svg="&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 48 48&#34;&#62;&#60;g fill=&#34;currentColor&#34;&#62;&#60;path fill-rule=&#34;evenodd&#34; d=&#34;M12 21a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm0 2v2h2v-2zm6 0a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2zm2 0h2v2h-2zm8-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm0 2v2h2v-2zm-18 8a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2zm4 0v2h-2v-2zm6-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm2 2h-2v2h2z&#34; clip-rule=&#34;evenodd&#34; fill=&#34;currentColor&#34;/&#62;&#60;path d=&#34;M36 32.5a1 1 0 1 0-2 0v2.914l1.293 1.293a1 1 0 0 0 1.414-1.414L36 34.586z&#34; fill=&#34;currentColor&#34;/&#62;&#60;path fill-rule=&#34;evenodd&#34; d=&#34;M12 7a1 1 0 1 1 2 0v5a1 1 0 1 0 2 0V9h10V7a1 1 0 1 1 2 0v5a1 1 0 1 0 2 0V9h3a3 3 0 0 1 3 3v16.07A7.001 7.001 0 0 1 35 42a6.99 6.99 0 0 1-5.745-3H9a3 3 0 0 1-3-3V12a3 3 0 0 1 3-3h3zm16 28a7 7 0 0 1 6-6.93V18H8v18a1 1 0 0 0 1 1h19.29a7 7 0 0 1-.29-2m12 0a5 5 0 1 1-10 0a5 5 0 0 1 10 0&#34; clip-rule=&#34;evenodd&#34; fill=&#34;currentColor&#34;/&#62;&#60;/g&#62;&#60;/svg&#62;"
+                    />
+                  </View>
+                  <View className="ml-[5px]">
+                    <Text className="text-sm text-[#333]">期望完成时间</Text>
+                  </View>
+                </View>
+                <View className="pl-[8px] pr-[8px] pt-[6px] pb-[6px]">
+                  <Text className="text-xs text-[#333333]">
+                    2025-01-01 10:30
+                  </Text>
+                </View>
+                <View className="pl-[8px] pr-[8px] pt-[6px] pb-[6px] rounded-[5px] bg-[#fef2f2]">
+                  <Text className="text-xs text-[#ef4444]">剩余3天</Text>
+                </View>
+              </View>
+              <View className="pl-[12px] pr-[12px] flex flex-row pt-[12px] pb-[12px]">
+                <View className="flex-1">
+                  <View>
+                    <Text className="text-sm text-[#333]">工单开始时间</Text>
+                  </View>
+                  <View className="flex flex-row items-center mt-[10px]">
+                    <View>
+                      <AtIcon
+                        color="#666"
+                        size={18}
+                        svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 16 16&#34;&#62;&#10;\t&#60;defs&#62;&#10;\t\t&#60;clipPath id=&#34;clipPath8770467060&#34;&#62;&#10;\t\t\t&#60;path d=&#34;M0 0L16 0L16 16L0 16L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t\t&#60;/clipPath&#62;&#10;\t&#60;/defs&#62;&#10;\t&#60;g clip-path=&#34;url(#clipPath8770467060)&#34;&#62;&#10;\t\t&#60;path d=&#34;M6 0.5Q4.88121 0.5 3.85988 0.932155Q2.873 1.34973 2.11137 2.11137Q1.34973 2.873 0.932155 3.85988Q0.5 4.88121 0.5 6Q0.5 7.11879 0.932155 8.14012Q1.34973 9.127 2.11137 9.88863Q2.873 10.6503 3.85988 11.0678Q4.88121 11.5 6 11.5Q7.11879 11.5 8.14012 11.0678Q9.127 10.6503 9.88863 9.88863Q10.6503 9.127 11.0678 8.14012Q11.5 7.11879 11.5 6Q11.5 4.88121 11.0678 3.85988Q10.6503 2.873 9.88863 2.11137Q9.127 1.34973 8.14012 0.932155Q7.11879 0.5 6 0.5ZM6 -0.5Q7.32165 -0.5 8.5298 0.0112047Q9.69624 0.504759 10.5957 1.40426Q11.4952 2.30376 11.9888 3.4702Q12.5 4.67835 12.5 6Q12.5 7.32165 11.9888 8.5298Q11.4952 9.69624 10.5957 10.5957Q9.69624 11.4952 8.5298 11.9888Q7.32165 12.5 6 12.5Q4.67835 12.5 3.4702 11.9888Q2.30376 11.4952 1.40426 10.5957Q0.504759 9.69624 0.0112047 8.5298Q-0.5 7.32165 -0.5 6Q-0.5 4.67835 0.0112047 3.4702Q0.50476 2.30376 1.40426 1.40426Q2.30376 0.504759 3.4702 0.0112047Q4.67835 -0.5 6 -0.5Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 2 2)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t\t&#60;path d=&#34;M0 -0.5C-0.27614 -0.5 -0.5 -0.27614 -0.5 0L-0.5 4.5Q-0.5 4.54925 -0.490393 4.59754Q-0.480785 4.64584 -0.46194 4.69134Q-0.443094 4.73684 -0.415735 4.77778Q-0.388375 4.81873 -0.353553 4.85355Q-0.318731 4.88838 -0.277785 4.91573Q-0.236839 4.94309 -0.191342 4.96194Q-0.145845 4.98078 -0.0975452 4.99039Q-0.0492457 5 0 5L3 5C3.27614 5 3.5 4.77614 3.5 4.5C3.5 4.22386 3.27614 4 3 4L0.5 4L0.5 0C0.5 -0.27614 0.27614 -0.5 0 -0.5Z&#34; fill-rule=&#34;evenodd&#34; transform=&#34;matrix(1 0 0 1 8 4)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                      />
+                    </View>
+                    <View className="ml-[10px]">
+                      <Text className="text-sm text-[#666666]">
+                        2025-06-20 10:40
+                      </Text>
+                    </View>
+                  </View>
+                </View>
+                <View className="flex-1">
+                  <View>
+                    <Text className="text-sm text-[#333]">工单开始时间</Text>
+                  </View>
+                  <View className="flex flex-row items-center mt-[10px]">
+                    <View>
+                      <AtIcon
+                        color="#666"
+                        size={18}
+                        svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 16 16&#34;&#62;&#10;\t&#60;defs&#62;&#10;\t\t&#60;clipPath id=&#34;clipPath8770467060&#34;&#62;&#10;\t\t\t&#60;path d=&#34;M0 0L16 0L16 16L0 16L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t\t&#60;/clipPath&#62;&#10;\t&#60;/defs&#62;&#10;\t&#60;g clip-path=&#34;url(#clipPath8770467060)&#34;&#62;&#10;\t\t&#60;path d=&#34;M6 0.5Q4.88121 0.5 3.85988 0.932155Q2.873 1.34973 2.11137 2.11137Q1.34973 2.873 0.932155 3.85988Q0.5 4.88121 0.5 6Q0.5 7.11879 0.932155 8.14012Q1.34973 9.127 2.11137 9.88863Q2.873 10.6503 3.85988 11.0678Q4.88121 11.5 6 11.5Q7.11879 11.5 8.14012 11.0678Q9.127 10.6503 9.88863 9.88863Q10.6503 9.127 11.0678 8.14012Q11.5 7.11879 11.5 6Q11.5 4.88121 11.0678 3.85988Q10.6503 2.873 9.88863 2.11137Q9.127 1.34973 8.14012 0.932155Q7.11879 0.5 6 0.5ZM6 -0.5Q7.32165 -0.5 8.5298 0.0112047Q9.69624 0.504759 10.5957 1.40426Q11.4952 2.30376 11.9888 3.4702Q12.5 4.67835 12.5 6Q12.5 7.32165 11.9888 8.5298Q11.4952 9.69624 10.5957 10.5957Q9.69624 11.4952 8.5298 11.9888Q7.32165 12.5 6 12.5Q4.67835 12.5 3.4702 11.9888Q2.30376 11.4952 1.40426 10.5957Q0.504759 9.69624 0.0112047 8.5298Q-0.5 7.32165 -0.5 6Q-0.5 4.67835 0.0112047 3.4702Q0.50476 2.30376 1.40426 1.40426Q2.30376 0.504759 3.4702 0.0112047Q4.67835 -0.5 6 -0.5Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 2 2)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t\t&#60;path d=&#34;M0 -0.5C-0.27614 -0.5 -0.5 -0.27614 -0.5 0L-0.5 4.5Q-0.5 4.54925 -0.490393 4.59754Q-0.480785 4.64584 -0.46194 4.69134Q-0.443094 4.73684 -0.415735 4.77778Q-0.388375 4.81873 -0.353553 4.85355Q-0.318731 4.88838 -0.277785 4.91573Q-0.236839 4.94309 -0.191342 4.96194Q-0.145845 4.98078 -0.0975452 4.99039Q-0.0492457 5 0 5L3 5C3.27614 5 3.5 4.77614 3.5 4.5C3.5 4.22386 3.27614 4 3 4L0.5 4L0.5 0C0.5 -0.27614 0.27614 -0.5 0 -0.5Z&#34; fill-rule=&#34;evenodd&#34; transform=&#34;matrix(1 0 0 1 8 4)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                      />
+                    </View>
+                    <View className="ml-[10px]">
+                      <Text className="text-sm text-[#333]">暂未结束</Text>
+                    </View>
+                  </View>
+                </View>
+              </View>
+            </View>
+          </View>
+          <View className="pl-[12px] pr-[12px] mt-[12px]">
+            <View
+              __hidePh={true}
+              className="border border-[#f3f4f6] border-solid rounded-xl shadow-[0 2px 1px 0 rgba(0,0,0,0.1)] pt-[12px] pb-[12px] pl-[12px] pr-[12px]"
+            >
+              <View className="mb-[10px]">
+                <Text className="text-sm text-[#333] font-semibold">
+                  工单详情
+                </Text>
+              </View>
+              <View>
+                <Text className="text-xs text-[#333] [lineHeight:20px]">
+                  3号生产线主轴电机出现异常噪音，需要紧急检修以避免生产中断。经初步检查，可能是轴承磨损导致，但需要进一步拆解确认具体故障点。请尽快安排专业技术人员前来处理。
+                </Text>
+              </View>
+            </View>
+          </View>
+          <View className="pl-[12px] pr-[12px] mt-[12px]">
+            <View
+              __hidePh={true}
+              className="border border-[#f3f4f6] border-solid rounded-xl shadow-[0 2px 1px 0 rgba(0,0,0,0.1)] pt-[12px] pb-[5px] pl-[12px] pr-[12px]"
+            >
+              <View className="mb-[10px] flex flex-row">
+                <View className="flex flex-row flex-1">
+                  <Text className="text-sm text-[#333] font-semibold">
+                    工单附件
+                  </Text>
+                </View>
+                <View className="flex flex-row">
+                  <Text className="text-sm text-[#999999]">3个</Text>
+                </View>
+              </View>
+              <View className="flex flex-col h-[160px]">
+                <ScrollView scrollX={true}>
+                  <View className="flex flex-row">
+                    <View className="pb-[10px] h-[160px] mr-[10px] flex-shrink-0">
+                      <View>
+                        <Image
+                          src="https://cdn.appthen.com/Fj_-Ux3zR6HLz7gE7gQCY5JL2CKB"
+                          remote={false}
+                          fit={false}
+                          className="w-[150px] h-[124px]"
+                        />
+                      </View>
+                      <View className="mt-[10px] pl-[5px]">
+                        <Text className="text-sm text-[#333]">故障图片1</Text>
+                      </View>
+                    </View>
+                    <View className="pb-[10px] h-[160px] mr-[10px] flex-shrink-0">
+                      <View>
+                        <Image
+                          src="https://cdn.appthen.com/FrrVX985-2i22zGmkQgQTwsB9aDU"
+                          remote={false}
+                          fit={false}
+                          className="w-[150px] h-[124px] rounded-lg"
+                        />
+                      </View>
+                      <View className="mt-[10px] pl-[5px]">
+                        <Text className="text-sm text-[#333]">
+                          故障报告.pdf
+                        </Text>
+                      </View>
+                    </View>
+                    <View className="pb-[10px] h-[160px] mr-[10px] flex-shrink-0">
+                      <View>
+                        <Image
+                          src="https://cdn.appthen.com/FrrVX985-2i22zGmkQgQTwsB9aDU"
+                          remote={false}
+                          fit={false}
+                          className="w-[150px] h-[124px] rounded-lg"
+                        />
+                      </View>
+                      <View className="mt-[10px] pl-[5px]">
+                        <Text className="text-sm text-[#333]">
+                          故障报告.pdf
+                        </Text>
+                      </View>
+                    </View>
+                  </View>
+                </ScrollView>
+              </View>
+            </View>
+          </View>
+          <View className="pl-[12px] pr-[12px] mt-[12px] mb-[30px]">
+            <View
+              __hidePh={true}
+              className="border border-[#f3f4f6] border-solid rounded-xl shadow-[0 2px 1px 0 rgba(0,0,0,0.1)] pt-[12px] pb-[12px] pl-[12px] pr-[12px]"
+            >
+              <View className="mb-[10px]">
+                <Text className="text-sm text-[#333] font-semibold">
+                  处理记录
+                </Text>
+              </View>
+              <View className="">
+                <View className="flex flex-row">
+                  <View className="flex flex-col items-center w-[20px]">
+                    <View
+                      __hidePh={true}
+                      className="w-[8px] h-[8px] bg-[#3b82f6] rounded-md"
+                    />
+                    <View
+                      __hidePh={true}
+                      className="w-[1px] flex-1 bg-[#e5e7eb]"
+                    />
+                  </View>
+                  <View className="flex-1 ml-[10px] pb-[10px]">
+                    <View className="flex flex-row">
+                      <View className="flex-1 flex flex-col">
+                        <Text className="text-sm text-[#333] font-normal">
+                          创建工单
+                        </Text>
+                      </View>
+                      <View>
+                        <Text className="text-sm text-[#333] font-normal">
+                          2025-06-20 10:30
+                        </Text>
+                      </View>
+                    </View>
+                    <View className="flex flex-row">
+                      <View className="flex-1 mt-[10px]">
+                        <Text className="text-sm text-[#333] font-normal">
+                          李明
+                        </Text>
+                      </View>
+                    </View>
+                    <View className="flex flex-row mt-[10px]">
+                      <View className="flex-1">
+                        <Text className="text-sm text-[#333] font-normal">
+                          创建了工单并上传了故障图片
+                        </Text>
+                      </View>
+                    </View>
+                  </View>
+                </View>
+              </View>
+            </View>
+          </View>
+        </ScrollView>
+        <View safeBottom={true} className="flex flex-col pt-[12px] pb-[12px]">
+          <View className="flex flex-row pl-[12px] pr-[12px]">
+            <View className="flex flex-row pl-[8px] pr-[8px] pt-[6px] pb-[6px] border border-[#3b82f6] border-solid rounded-[5px] items-center mr-[12px] flex-1 justify-center">
+              <View>
+                <AtIcon
+                  color="#3b82f6"
+                  size={16}
+                  svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 16 16&#34;&#62;&#10;\t&#60;defs&#62;&#10;\t\t&#60;clipPath id=&#34;clipPath9616308857&#34;&#62;&#10;\t\t\t&#60;path d=&#34;M0 0L16 0L16 16L0 16L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t\t&#60;/clipPath&#62;&#10;\t&#60;/defs&#62;&#10;\t&#60;g clip-path=&#34;url(#clipPath9616308857)&#34;&#62;&#10;\t\t&#60;path d=&#34;M10.7931 -0.207338Q11.086 -0.5 11.5 -0.5Q11.914 -0.5 12.2071 -0.207107Q12.4998 0.0857461 12.4998 0.499768Q12.4998 0.91379 12.2071 1.20668L11.5 1.91402Q11.4652 1.94884 11.4243 1.97619Q11.3833 2.00354 11.3378 2.02237Q11.2923 2.04121 11.244 2.05081Q11.1957 2.0604 11.1465 2.06039Q11.0972 2.06038 11.0489 2.05076Q11.0006 2.04115 10.9551 2.02229Q10.9096 2.00343 10.8687 1.97607Q10.8277 1.9487 10.7929 1.91387L10.0861 1.20668Q10.0512 1.17186 10.0239 1.13091Q9.99655 1.08996 9.97772 1.04447Q9.95888 0.998977 9.94928 0.950683Q9.93968 0.902389 9.93969 0.85315Q9.93969 0.803912 9.9493 0.75562Q9.95891 0.707328 9.97776 0.661838Q9.9966 0.616349 10.024 0.575409Q10.0513 0.534469 10.0861 0.499652L10.7931 -0.207338ZM9.02551 1.56028L0.364802 10.2404Q0.309297 10.296 0.273533 10.366L-0.445217 11.7722Q-0.490481 11.8608 -0.498409 11.9599Q-0.506337 12.0591 -0.475722 12.1537Q-0.445108 12.2483 -0.380611 12.324Q-0.316115 12.3997 -0.227556 12.445Q-0.120361 12.4998 2.2497e-05 12.4998Q0.120406 12.4998 0.227596 12.445L1.63353 11.7262Q1.70348 11.6905 1.75909 11.635L10.4391 2.97466Q10.5095 2.90441 10.5477 2.81257Q10.5858 2.72073 10.5859 2.62127Q10.5861 2.52182 10.5481 2.42989Q10.5101 2.33796 10.4399 2.26755L9.73262 1.56028Q9.69779 1.52546 9.65685 1.4981Q9.6159 1.47074 9.5704 1.45189Q9.52491 1.43305 9.47661 1.42344Q9.42831 1.41383 9.37906 1.41383Q9.32982 1.41383 9.28152 1.42344Q9.23322 1.43305 9.18772 1.45189Q9.14222 1.47074 9.10128 1.4981Q9.06033 1.52546 9.02551 1.56028Z&#34; fill-rule=&#34;evenodd&#34; transform=&#34;matrix(1 0 0 1 2 2.00023)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                />
+              </View>
+              <View className="ml-[5px]">
+                <Text className="text-sm text-[#3b82f6]">编辑</Text>
+              </View>
+            </View>
+            <View className="flex flex-row pl-[8px] pr-[8px] pt-[6px] pb-[6px] border border-[#3b82f6] border-solid rounded-[5px] items-center mr-[12px] flex-1 justify-center">
+              <View>
+                <AtIcon
+                  color="#3b82f6"
+                  size={16}
+                  svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 16 16&#34;&#62;&#10;\t&#60;defs&#62;&#10;\t\t&#60;clipPath id=&#34;clipPath8118096658&#34;&#62;&#10;\t\t\t&#60;path d=&#34;M0 0L16 0L16 16L0 16L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t\t&#60;/clipPath&#62;&#10;\t&#60;/defs&#62;&#10;\t&#60;g clip-path=&#34;url(#clipPath8118096658)&#34;&#62;&#10;\t\t&#60;path d=&#34;M4.63029 2.28593Q4.54962 3.40567 3.81755 4.19225Q3.46666 4.56927 3.02723 4.77857Q2.56234 5 2.06909 5Q1.57587 5 1.11086 4.77868Q0.671167 4.56941 0.320138 4.19248Q-0.412867 3.40538 -0.492165 2.28531Q-0.533731 1.69908 -0.358545 1.18059Q-0.186325 0.670877 0.173562 0.287141Q0.529399 -0.0922765 1.01911 -0.296013Q1.50943 -0.5 2.06909 -0.5Q2.62919 -0.5 3.12191 -0.291434Q3.60998 -0.0848337 3.9659 0.297539Q4.32432 0.68261 4.49652 1.19015Q4.67206 1.70756 4.63029 2.28602L4.63029 2.28593ZM3.63289 2.21398Q3.68694 1.46556 3.23392 0.978867Q2.78819 0.5 2.06909 0.5Q1.3449 0.5 0.902972 0.971218Q0.451317 1.4528 0.505339 2.21469Q0.559689 2.98238 1.05194 3.51096Q1.50738 4 2.06909 4Q2.63039 4 3.08554 3.51096Q3.57753 2.98234 3.63288 2.21407L3.63289 2.21398Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 8.43091 3)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t\t&#60;path d=&#34;M4.49988 0.5Q3.03331 0.5 1.9407 1.17705Q0.803425 1.88177 0.499431 3.1024Q0.504071 3.08379 0.48558 3.05669Q0.446894 3 0.380501 3L8.61956 3Q8.55275 3 8.5139 3.05703Q8.49596 3.08338 8.50027 3.10091Q8.19725 1.86474 7.06084 1.16615Q5.9772 0.5 4.49988 0.5ZM4.49988 -0.5Q6.25999 -0.5 7.58454 0.314242Q9.07075 1.22786 9.47136 2.86221Q9.5735 3.27776 9.34038 3.62Q9.08154 4 8.61956 4L0.380501 4Q-0.0813685 4 -0.340437 3.62034Q-0.574739 3.27697 -0.470928 2.86073Q-0.266982 2.04182 0.238568 1.38084Q0.711782 0.762134 1.41397 0.327015Q2.7486 -0.5 4.49988 -0.5Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 6.00012 9.5)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t\t&#60;path d=&#34;M3.81639 1.84655Q3.74942 2.77616 3.13712 3.43799Q2.84245 3.75651 2.47381 3.9345Q2.07926 4.125 1.66143 4.125Q1.24364 4.125 0.84902 3.93461Q0.480162 3.75665 0.185377 3.43822Q-0.427735 2.77593 -0.493571 1.84593Q-0.528138 1.35721 -0.380099 0.921416Q-0.234396 0.492505 0.0690054 0.167909Q0.369343 -0.153409 0.780928 -0.326487Q1.19355 -0.5 1.66143 -0.5Q2.13001 -0.5 2.54478 -0.322555Q2.95488 -0.147111 3.25514 0.176548Q3.55713 0.502078 3.70276 0.92899Q3.85116 1.36403 3.81639 1.84656L3.81639 1.84655ZM2.81897 1.77469Q2.85895 1.21984 2.52202 0.856655Q2.19115 0.5 1.66143 0.5Q1.12742 0.5 0.79956 0.850763Q0.463936 1.20983 0.503933 1.77532Q0.544941 2.3546 0.919204 2.75889Q1.25813 3.125 1.66143 3.125Q2.06437 3.125 2.40308 2.75889Q2.7772 2.3545 2.81897 1.7747L2.81897 1.77469Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 2.93232 4)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t\t&#60;path d=&#34;M3.59406 0.5Q4.54776 0.5 5.22954 0.812373C5.48058 0.927395 5.77734 0.817124 5.89237 0.566079C6.00739 0.315035 5.89712 0.018274 5.64607 -0.0967474Q4.76594 -0.5 3.59406 -0.5Q2.16762 -0.5 1.07705 0.175525Q-0.142569 0.930987 -0.473913 2.26032Q-0.567267 2.63713 -0.354736 2.94832Q-0.117753 3.29531 0.304056 3.29531L3.81281 3.29531C4.08895 3.29531 4.31281 3.07145 4.31281 2.79531C4.31281 2.51917 4.08895 2.29531 3.81281 2.29531L0.557454 2.29531Q0.828526 1.50577 1.60364 1.02565Q2.45224 0.5 3.59406 0.5Z&#34; fill-rule=&#34;evenodd&#34; transform=&#34;matrix(1 0 0 1 0.999694 9.20469)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                />
+              </View>
+              <View className="ml-[5px]">
+                <Text className="text-sm text-[#3b82f6]">分配</Text>
+              </View>
+            </View>
+            <View className="flex flex-row pl-[8px] pr-[8px] pt-[6px] pb-[6px] border border-[#3b82f6] border-solid rounded-[5px] items-center mr-[12px] flex-1 justify-center">
+              <View>
+                <AtIcon
+                  color="#3b82f6"
+                  size={16}
+                  svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 16 16&#34;&#62;&#10;\t&#60;defs&#62;&#10;\t\t&#60;clipPath id=&#34;clipPath1130783022&#34;&#62;&#10;\t\t\t&#60;path d=&#34;M0 0L16 0L16 16L0 16L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t\t&#60;/clipPath&#62;&#10;\t&#60;/defs&#62;&#10;\t&#60;g clip-path=&#34;url(#clipPath1130783022)&#34;&#62;&#10;\t\t&#60;path d=&#34;M9.62371 -0.329252C9.80555 -0.537069 10.1214 -0.558128 10.3293 -0.376288C10.5371 -0.194449 10.5581 0.121436 10.3763 0.329252L3.37629 8.32925Q3.34386 8.36631 3.30482 8.39634Q3.26579 8.42636 3.22165 8.44819Q3.1775 8.47002 3.12995 8.48282Q3.0824 8.49562 3.03326 8.49889Q2.98412 8.50217 2.93529 8.49579Q2.88646 8.48942 2.83981 8.47364Q2.79316 8.45787 2.75048 8.43329Q2.70781 8.40872 2.67075 8.37629Q2.65822 8.36533 2.64645 8.35355L-0.353553 5.35355C-0.548814 5.15829 -0.548814 4.84171 -0.353553 4.64645C-0.158293 4.45119 0.158293 4.45119 0.353553 4.64645L2.97564 7.26854L9.62371 -0.329252Z&#34; fill-rule=&#34;evenodd&#34; transform=&#34;matrix(1 0 0 1 3 4)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                />
+              </View>
+              <View className="ml-[5px]">
+                <Text className="text-sm text-[#3b82f6]">接受</Text>
+              </View>
+            </View>
+            <View className="flex flex-row pl-[8px] pr-[8px] pt-[6px] pb-[6px] border border-[#3b82f6] border-solid rounded-[5px] items-center flex-1 justify-center">
+              <View>
+                <AtIcon
+                  color="#3b82f6"
+                  size={16}
+                  svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 16 16&#34;&#62;&#10;\t&#60;defs&#62;&#10;\t\t&#60;clipPath id=&#34;clipPath5028331718&#34;&#62;&#10;\t\t\t&#60;path d=&#34;M0 0L16 0L16 16L0 16L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t\t&#60;/clipPath&#62;&#10;\t&#60;/defs&#62;&#10;\t&#60;g clip-path=&#34;url(#clipPath5028331718)&#34;&#62;&#10;\t\t&#60;path d=&#34;M10.5 5.41406L10.5 11.5Q10.5 12.3284 9.91421 12.9142Q9.32843 13.5 8.5 13.5L1.5 13.5Q0.671573 13.5 0.0857862 12.9142Q-0.5 12.3284 -0.5 11.5L-0.5 1.5Q-0.5 0.671573 0.0857861 0.0857866Q0.671573 -0.5 1.5 -0.5L4.58594 -0.5Q4.88428 -0.499955 5.15984 -0.385809Q5.4354 -0.271663 5.64633 -0.0607809L10.0607 4.35363Q10.2717 4.5646 10.3858 4.84016Q10.5 5.11572 10.5 5.41399L10.5 5.41406ZM9.5 5.41414Q9.49998 5.31472 9.46194 5.22286Q9.42389 5.13101 9.35363 5.06074L4.9393 0.646406Q4.86899 0.576113 4.77714 0.538064Q4.68528 0.500015 4.58594 0.5L1.5 0.5Q1.08579 0.5 0.792893 0.792893Q0.5 1.08579 0.5 1.5L0.5 11.5Q0.5 11.9142 0.792894 12.2071Q1.08579 12.5 1.5 12.5L8.5 12.5Q8.91421 12.5 9.20711 12.2071Q9.5 11.9142 9.5 11.5L9.5 5.41406L9.5 5.41414Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 3 1.5)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t\t&#60;path d=&#34;M2.5 -0.5C2.22386 -0.5 2 -0.27614 2 0L2 3.75Q2 4.37132 2.43934 4.81066Q2.87868 5.25 3.5 5.25L7.25 5.25C7.52614 5.25 7.75 5.02614 7.75 4.75C7.75 4.47386 7.52614 4.25 7.25 4.25L3.5 4.25Q3.29289 4.25 3.14645 4.10355Q3 3.95711 3 3.75L3 0C3 -0.27614 2.77614 -0.5 2.5 -0.5ZM-0.5 7.25C-0.5 7.52614 -0.27614 7.75 0 7.75L5 7.75C5.27614 7.75 5.5 7.52614 5.5 7.25C5.5 6.97386 5.27614 6.75 5 6.75L0 6.75C-0.27614 6.75 -0.5 6.97386 -0.5 7.25ZM-0.5 9.75C-0.5 10.0261 -0.27614 10.25 0 10.25L5 10.25C5.27614 10.25 5.5 10.0261 5.5 9.75C5.5 9.47386 5.27614 9.25 5 9.25L0 9.25C-0.27614 9.25 -0.5 9.47386 -0.5 9.75Z&#34; fill-rule=&#34;evenodd&#34; transform=&#34;matrix(1 0 0 1 5.5 1.75)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                />
+              </View>
+              <View className="ml-[5px]">
+                <Text className="text-sm text-[#3b82f6]">结单</Text>
+              </View>
+            </View>
+          </View>
+        </View>
+      </Page>
+    );
+  }
+}
+
+export default Document;