feat(workStation): 终端服务人员管理增加码头名称字段

- 在表格中添加码头名称列
- 在表单中添加码头名称输入框
- 为码头名称添加必填验证规则
- 在编辑时自动填充码头名称

src/views/workStation/terminalServiceStaffManage.vue

@@ -21,6 +21,12 @@
 
     <el-table border :data="tableData" stripe>
       <el-table-column type="index" label="序号" width="80" align="center" />
+      <el-table-column
+        prop="dockName"
+        label="码头名称"
+        min-width="120"
+        align="center"
+      />
       <el-table-column
         prop="serviceStaffName"
         label="姓名"
@@ -69,6 +75,9 @@
         :rules="rules"
         label-width="120px"
       >
+        <el-form-item label="码头名称" prop="dockName">
+          <el-input v-model="formData.dockName" class="w400" />
+        </el-form-item>
         <el-form-item label="姓名" prop="serviceStaffName">
           <el-input v-model="formData.serviceStaffName" class="w400" />
         </el-form-item>
@@ -108,12 +117,14 @@ const formRef = ref(null);
 const formData = reactive({
   loginAccountId: loginAccountId,
   serviceStaffId: 0,
+  dockName: "",
   serviceStaffName: "",
   serviceType: "",
   serviceStaffPhone: "",
 });
 
 const rules = reactive({
+  dockName: [{ required: true, message: "请输入码头名称", trigger: "blur" }],
   serviceStaffName: [
     { required: true, message: "请输入姓名", trigger: "blur" },
   ],
@@ -172,6 +183,7 @@ function handleAdd() {
 function handleEdit(row) {
   dialogTitle.value = "修改人员";
   formData.serviceStaffId = row.id;
+  formData.dockName = row.dockName;
   formData.serviceStaffName = row.serviceStaffName;
   formData.serviceType = row.serviceType;
   formData.serviceStaffPhone = row.serviceStaffPhone;