change: payment record 调整.

src/pages/payment-record/components/edit.vue

@@ -126,6 +126,16 @@
               />
             </el-form-item>
 
+            <el-form-item label="Payment Type">
+              <el-select v-model="form.payment_type">
+                <el-option
+                  v-for="option in paymentOption"
+                  :key="option.value"
+                  :label="option.label"
+                  :value="option.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
             <el-form-item label="Description">
               <el-input
                 v-model="form.description"
@@ -209,6 +219,17 @@ const props = defineProps({
   },
 })
 
+const paymentOption = [
+  {
+    label: '货款',
+    value: '货款',
+  },
+  {
+    label: '快递款',
+    value: '快递款',
+  },
+]
+
 const dialogVisible = ref(false)
 
 const mainForm = ref<FormInstance>()
@@ -254,6 +275,11 @@ const formRule = ref<FormRules>({
     message: '必填项',
     trigger: 'blur',
   },
+  payment_type: {
+    required: true,
+    message: '必填项',
+    trigger: 'blur',
+  },
 })
 watchEffect(() => {
   dialogVisible.value = props.visible
@@ -269,6 +295,7 @@ watchEffect(() => {
       currency: 'CNY',
       statement_name: '',
       description: '',
+      payment_type: '货款',
     },
     JSON.parse(JSON.stringify(props.currentEditRow)),
   )

src/pages/payment-record/components/upload.vue

@@ -86,11 +86,19 @@
                 </el-icon>
               </div>
               <br />
+
               <div class="el-upload__text">拖动文件到这或者点击选择</div>
               <br />
               <div class="el-upload">
                 单个Excel数据最好控制在100行内, 处理起来会慢
               </div>
+              <br>
+              <div
+                v-if="tableData.length"
+                style="color: green"
+              >
+                读取文件成功!
+              </div>
             </div>
           </label>
         </div>
@@ -306,6 +314,7 @@ const next = (formEl: FormInstance | undefined) => {
             data: tableData.value.map((i) => {
               return {
                 ...i,
+                po_number: i.po_number.toUpperCase(),
                 payment_type: form.value.paymentType,
                 statement_name: form.value.statement_name,
                 currency: form.value.currency,

src/pages/payment-record/index.vue

@@ -12,30 +12,38 @@
       v-else
       class="main-content"
     >
-      <div class="flex btn-wrap">
-        <el-button
-          :disabled="multipleSelection.length < 1"
-          type="danger"
-          @click="onDelete"
-        >
-          Delete
-        </el-button>
-        <el-button @click="downloadSample">Download XLSX sample</el-button>
+      <div class="flex between">
+        <div class="flex btn-wrap">
+          <el-button
+            :disabled="multipleSelection.length < 1"
+            type="danger"
+            @click="onDelete"
+          >
+            Delete
+          </el-button>
+          <el-button @click="downloadSample">Download XLSX sample</el-button>
 
-        <el-button
-          type="primary"
-          @click="dialogVisible = true"
-        >
-          Upload Statement
-        </el-button>
-        <el-button @click="addRow">Add New Line</el-button>
-        <el-button
-          :disabled="tableData.length < 1"
-          type="primary"
-          @click="save"
-        >
-          Save
-        </el-button>
+          <el-button
+            type="primary"
+            @click="dialogVisible = true"
+          >
+            Upload Statement
+          </el-button>
+          <el-button @click="addRow">Add New Line</el-button>
+          <el-button
+            :disabled="tableData.length < 1"
+            type="primary"
+            @click="save"
+          >
+            Save
+          </el-button>
+        </div>
+        <div class="logo-area">
+          <img
+            :src="getLogoPath()"
+            alt=""
+          />
+        </div>
       </div>
       <div class="po-table">
         <el-table
@@ -220,6 +228,10 @@ import * as XLSX from 'xlsx'
 
 const loading = ref(false)
 
+const getLogoPath = function () {
+  return new URL('/assets/logo@2x.png', import.meta.url).href
+}
+
 const multipleSelection = ref<IPoItem[]>([])
 
 const handleSelectionChange = (val: IPoItem[]) => {
@@ -539,6 +551,11 @@ request
   padding: 12px 0;
   margin: 0 auto;
 }
+.logo-area {
+  img {
+    height: 60px;
+  }
+}
 .po-table {
   width: 100%;