派遣公司开启/停用电子合同

src/api/dispatch.js

@@ -80,3 +80,19 @@ export function getDetails(data) {
         params: data
     })
 }
+// 停用电子合同
+export function stopContract(data) {
+    return request({
+        url: '/djl-role/dispatch/stop',
+        method: 'post',
+        data: data
+    })
+}
+// 启用电子合同
+export function startContract(data) {
+    return request({
+        url: '/djl-role/dispatch/start',
+        method: 'post',
+        data: data
+    })
+}
\ No newline at end of file

src/views/dispatch/index.vue

@@ -64,8 +64,9 @@
         <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>
+            <el-button v-if="row.line_contract==1" link type="primary"  @click="handleContract(row,'stop')" icon="TurnOff">停用电子合同</el-button>
+            <el-button v-else link type="primary"  @click="handleContract(row,'start')" icon="Open">启用电子合同</el-button>
+            <el-button link type="primary"  @click="handleSalaryAdvance(row)" icon="Setting">设置预支工资</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -77,13 +78,35 @@
           v-model:limit="queryParams.limit"
           @pagination="getList"
       />
+
+      <!-- 启用电子合同对话框 -->
+      <el-dialog title="电子合同" v-model="open" width="500px" append-to-body>
+        <el-form ref="postRef" :model="form" :rules="rules" label-width="160px" style="width: 420px;">
+          <el-form-item label="统一社会信用代码" prop="id_no">
+            <el-input v-model="form.id_no"  onkeyup="value=value.replace(/[\W]/g,'')" maxlength="18" :disabled=disabled />
+          </el-form-item>
+          <el-form-item label="电子签章应用id" prop="seal_id">
+            <el-input v-model="form.seal_id" :disabled=disabled />
+          </el-form-item>
+          <el-form-item label="电子签章应用秘钥" prop="secret_key">
+            <el-input v-model="form.secret_key" :disabled=disabled />
+          </el-form-item>
+        </el-form>
+        <template #footer>
+          <div class="dialog-footer">
+            <el-button type="primary" @click="submitForm">确 定</el-button>
+            <el-button @click="cancel">取 消</el-button>
+          </div>
+        </template>
+      </el-dialog>
+
     </div>
   </template>
   
 <script setup>
 
 
-  import {dispatchL} from "@/api/dispatch";
+import {dispatchL, startContract, stopContract} from "@/api/dispatch";
   
   const { proxy } = getCurrentInstance();
   
@@ -91,6 +114,8 @@
   const loading = ref(true);
   const showSearch = ref(true);
   const total = ref(0);
+  const open = ref(false);
+  const disabled = ref(false);
 
   const data = reactive({
     form: {
@@ -99,9 +124,21 @@
       page: 1,
       limit: 10,
     },
+    rules: {
+      id_no: [
+        { required: true, message: "请输入统一社会信用代码", trigger: "blur" },
+        { min: 18,message: "请输入18位的统一社会信用代码", trigger: "blur"}
+      ],
+      seal_id:[
+        { required: true, message: "请输入电子签章应用id", trigger: "blur" },
+      ],
+      secret_key: [
+        { required: true, message: "请输入电子签章应用秘钥", trigger: "blur" },
+      ],
+    }
   });
   
-  const { queryParams, form } = toRefs(data);
+  const { queryParams, form, rules } = toRefs(data);
 
   /** 查询列表 */
   function getList() {
@@ -124,7 +161,7 @@
     proxy.resetForm("queryRef");
     handleQuery();
   }
-  
+
   /** 设置预支公司按钮操作 */
   function handleSalaryAdvance(row) {
     proxy.$router.push('dispatch/salary/advance?id='+row.id+'&code='+row.base_code)
@@ -140,6 +177,54 @@
     proxy.$router.push('/dispatch/edit?id='+row.id)
   }
 
+  /** 停用/启用电子合同操作 */
+  function handleContract(row,action){
+    if(action==='stop'){
+      proxy.$modal.confirm('您确定要停用电子合同吗？').then(function () {
+        return stopContract({'id':row.id,'name':row.name,'base_code':row.base_code})
+      }).then(() => {
+        getList();
+        proxy.$modal.msgSuccess("停用电子合同成功");
+      }).catch(() => { });
+    }else {
+      form.value = {
+        id: row.id,
+        name: row.name,
+        base_code: row.base_code,
+      };
+      open.value = true;
+      disabled.value = false;
+      if(proxy.$refs["postRef"]!==undefined){
+        proxy.$refs["postRef"].resetFields(); // 清除表单已有校验
+      }
+
+      if(row.id_no){
+        form.value.id_no= row.id_no
+        form.value.seal_id= row.seal_id
+        form.value.secret_key=  row.secret_key
+        disabled.value = true;
+      }
+    }
+  }
+
+  /** 取消按钮 */
+  function cancel() {
+    open.value = false;
+  }
+
+  /** 提交按钮 */
+  function submitForm() {
+    proxy.$refs["postRef"].validate(valid => {
+      if (valid) {
+        startContract(form.value).then(response => {
+          proxy.$modal.msgSuccess(response.code);
+          open.value = false;
+          getList();
+        });
+      }
+    });
+  }
+
   getList();
 
   </script>