派遣公司编辑页面

src/api/dispatch.js

@@ -56,4 +56,27 @@ export function checkBaseCode(data) {
         params: data
     })
 }
-
+// 新增派遣公司  新增
+export function dispatchC(data) {
+    return request({
+        url: '/djl-role/dispatch/insert',
+        method: 'post',
+        data: data
+    })
+}
+// 编辑派遣公司  更新
+export function dispatchU(data) {
+    return request({
+        url: '/djl-role/dispatch/update',
+        method: 'post',
+        data: data
+    })
+}
+// 获取派遣公司详情
+export function getDetails(data) {
+    return request({
+        url: '/djl-role/dispatch/query/single',
+        method: 'get',
+        params: data
+    })
+}

src/router/index.js

@@ -82,6 +82,18 @@ export const constantRoutes = [
           "activeMenu":"/dispatch"
         }
       },
+      {
+        "name": "edit",
+        "path": "dispatch/edit",
+        "hidden": true,
+        "component": () => import('@/views/dispatch/add'),
+        "meta": {
+          "title": "编辑",
+          "icon": "online",
+          "preTitle":"客户（派遣公司）管理",
+          "activeMenu":"/dispatch"
+        }
+      },
     ]
   },
   // {

src/views/dispatch/add.vue

@@ -14,10 +14,10 @@
           <el-input v-model="formLabelAlign.name" maxlength="100" />
         </el-form-item>
         <el-form-item label="默认账号" prop="default_account">
-          <el-input v-model="formLabelAlign.default_account" maxlength="20" placeholder="请输入账号(手机号格式)"/>
+          <el-input v-model="formLabelAlign.default_account" maxlength="20" placeholder="请输入账号(手机号格式)" :disabled="formLabelAlign.id"/>
         </el-form-item>
         <el-form-item label="编号" prop="base_code">
-          <el-input v-model="formLabelAlign.base_code" />
+          <el-input v-model="formLabelAlign.base_code" :disabled="formLabelAlign.id" />
         </el-form-item>
         <el-form-item label="前缀" prop="prefix">
           <el-input v-model="formLabelAlign.prefix" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"/>
@@ -82,7 +82,7 @@ import {
   codeToText,
 } from "element-china-area-data";
 
-import {checkAccount, checkBaseCode, checkName} from "@/api/dispatch";
+import {checkAccount, checkBaseCode, checkName, dispatchC, dispatchU, getDetails} from "@/api/dispatch";
 
 const { proxy } = getCurrentInstance();
 const id = proxy.$route.query.id || '' // 编辑时数据id
@@ -111,6 +111,25 @@ const rules = ref({
   contracts: [{ required: true, message: "请输入联系人", trigger: ['blur', 'change']}],
 })
 
+//编辑时获取详情
+if(id){
+  getDetails({id: id}).then(({ data }) => {
+    formLabelAlign.value = {
+      id:id,
+      name: data.name,
+      default_account: data.defaultAccount,
+      base_code: data.baseCode,
+      prefix: data.prefix,
+      scale: data.scale,
+      register_time: data.registerTime,
+      contracts: data.contracts,
+      contract_number: data.contractNumber,
+      ssq_id: [data.provinceId,data.cityId,data.countyId],
+      address: data.address,
+    }
+  })
+}
+
 //校验名称是否重复
 function validateName(rule, value, callback) {
   if(formLabelAlign.value.id!=='' && formLabelAlign.value.id!==undefined){
@@ -159,6 +178,8 @@ function validateTime(rule, value, callback) {
   let date = new Date(value);
   if (date > now) {
     callback(new Error("注册日期不能超过当前日期"));
+  }else {
+    callback();
   }
 }
 
@@ -180,19 +201,18 @@ function submitForm(){
   proxy.$refs.ruleFormRef.validate(async (valid) => {
     if (!valid) return;
     const submitForm = {...formLabelAlign.value}
-
     if(formLabelAlign.value.id){
-      // salaryAdvanceUpdate({...submitForm,code:code,rsapId:formLabelAlign.value.id}).then(res => {
-      //   proxy.$modal.msgSuccess(res.code)
-      //   const obj = { path: "/dispatch" };
-      //   proxy.$tab.closeOpenPage(obj);
-      // })
+      dispatchU(submitForm).then(res => {
+        proxy.$modal.msgSuccess(res.code)
+        const obj = { path: "/dispatch" };
+        proxy.$tab.closeOpenPage(obj);
+      })
     }else {
-      // salaryAdvanceInsert({...submitForm,code:code,}).then(res => {
-      //   proxy.$modal.msgSuccess(res.code)
-      //   const obj = { path: "/dispatch" };
-      //   proxy.$tab.closeOpenPage(obj);
-      // })
+      dispatchC(submitForm).then(res => {
+        proxy.$modal.msgSuccess(res.code)
+        const obj = { path: "/dispatch" };
+        proxy.$tab.closeOpenPage(obj);
+      })
     }
   })
 }

src/views/dispatch/index.vue

@@ -61,8 +61,10 @@
         <el-table-column label="创建时间" align="left" prop="create_time" width="180"/>
         <el-table-column label="更新时间" align="left" prop="update_time" width="180"/>
   
-        <el-table-column label="操作" width="180" align="center" class-name="small-padding fixed-width" fixed="right">
+        <el-table-column label="操作" width="280" align="center" class-name="small-padding fixed-width" fixed="right">
           <template #default="{row}">
+            <el-button link type="primary"  @click="handleEdit(row)" icon="EditPen">编辑</el-button>
+            <el-button link type="primary"  @click="handleAdd(row)" icon="EditPen">开启电子合同</el-button>
             <el-button link type="primary"  @click="handleSalaryAdvance(row)" icon="EditPen">设置预支工资</el-button>
           </template>
         </el-table-column>
@@ -133,6 +135,11 @@
     proxy.$router.push('/dispatch/add')
   }
 
+  /** 编辑按钮操作 */
+  function handleEdit(row){
+    proxy.$router.push('/dispatch/edit?id='+row.id)
+  }
+
   getList();
 
   </script>