员工工资 工序表删除

mes-ui/mes-ui-admin-vue3/src/views/biz/salarysetting/detail.vue

@@ -111,7 +111,7 @@
           </el-col>
         </el-row>
       </el-card>
-      <el-card class="hl-card-info" v-if="formData.procedureType!=='all'&&active != 'create'">
+      <el-card class="hl-card-info" v-if="formData.procedureType !== 'all' && active != 'create'">
         <template #header>
           <div class="hl-card-info-icona"></div><span class="hl-card-info-text">适用工序</span>
         </template>
@@ -145,7 +145,12 @@
                     prop="procedureName"
                     align="center"
                   />
-                  <el-table-column label="所属车间" min-width="150" prop="workShopName" align="center" />
+                  <el-table-column
+                    label="所属车间"
+                    min-width="150"
+                    prop="workShopName"
+                    align="center"
+                  />
                   <el-table-column label="操作" align="center" width="150">
                     <template #default="scope">
                       <el-button
@@ -170,11 +175,10 @@
           <div class="hl-card-info-icona"></div><span class="hl-card-info-text">系统信息</span>
         </template>
         <el-row>
-          <!-- {{formData}} -->
           <el-col :span="4" />
           <el-col :span="8">
-            <el-form-item label="创建人" prop="creatorName">
-              <el-input class="!w-260px" v-model="formData.creatorName" placeholder="" disabled />
+            <el-form-item label="创建人" prop="creator">
+              <el-input class="!w-260px" v-model="formData.creator" placeholder="" disabled />
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -194,8 +198,8 @@
           <el-col :span="4" />
 
           <el-col :span="8">
-            <el-form-item label="修改人" prop="updaterName">
-              <el-input class="!w-260px" v-model="formData.updaterName" placeholder="" disabled />
+            <el-form-item label="修改人" prop="updater">
+              <el-input class="!w-260px" v-model="formData.updater" placeholder="" disabled />
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -272,7 +276,7 @@ const formRules = reactive({
   salaryType: [{ required: true, message: '工资类型不能为空', trigger: 'blur' }],
   userId: [{ required: true, message: '员工工号不能为空', trigger: 'change' }],
   status: [{ required: true, message: '状态,1表示正常，2表示禁用不能为空', trigger: 'blur' }],
-  price:[{required: true, message: '状态,1表示正常，2表示禁用不能为空', trigger: 'blur'}]
+  price: [{ required: true, message: '状态,1表示正常，2表示禁用不能为空', trigger: 'blur' }]
 })
 const formRef = ref() // 表单 Ref
 onMounted(() => {
@@ -390,17 +394,21 @@ const handleProcedureClick = async (arr) => {
   arr.forEach((row) => {
     if (formData.value.setting.filter((item) => item.procedureType == row.id).length == 0) {
       const rows = {
+        id: 0,
         procedureType: row.id,
         procedureName: row.name,
         procedureCode: row.code,
-        workShopName: row.workShopName,
+        workShopName: row.workShopName
       }
       formData.value.setting.push(rows)
     }
   })
 }
-const onDeleteItem = (index: number) => {
-  formData.value.setting.splice(index, 1)
+const onDeleteItem = async (index: number) => {
+  let deletedItems = formData.value.setting.splice(index, 1)
+  let id = deletedItems[0].id
+  if (id) await SalarySettingApi.deleteSalarySetting(id)
+  message.success(t('删除成功'))
 }
 </script>
 <style scoped lang="scss"></style>