diff --git a/src/views/manage/signRecord/index.vue b/src/views/manage/signRecord/index.vue
index d980203..7287040 100644
--- a/src/views/manage/signRecord/index.vue
+++ b/src/views/manage/signRecord/index.vue
@@ -166,8 +166,7 @@
             v-if="queryParams.serviceStatus == 'INTENTIONAL_SIGNING'">签约</el-button>
           <el-button size="mini" type="text" @click="handleAuthRole(scope.row)"
             v-if="queryParams.serviceStatus == 'SERVICE_CENTER' || queryParams.serviceStatus == 'SERVICE_END'">详情</el-button>
-          <el-button size="mini" type="text" @click="handleDelete(scope.row)"
-            v-if="queryParams.serviceStatus == 'SERVICE_CENTER'">解约</el-button>
+          <el-button size="mini" type="text" @click="handleDelete(scope.row)">取消签约</el-button>
           <el-button size="mini" type="text" @click="handleUpdate(scope.row)"
             v-if="queryParams.serviceStatus == 'SERVICE_CENTER' || queryParams.serviceStatus == 'SERVICE_END'">续约</el-button>
         </template>
@@ -365,13 +364,21 @@ export default {
     },
     /** 解约按钮操作 */
     handleDelete(row) {
-      const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认解约？').then(function () {
-        return delSignRecord(ids);
-      }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess("解约成功");
-      }).catch(() => { });
+      // const ids = row.id || this.ids;
+      this.$prompt('原因', '取消签约', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+      }).then(({ value }) => {
+        const query = {
+          id: row.id,
+          signStatus: 'SEPARATE_SIGN',
+          separateReason: value,
+        }
+        updateSignStatus(query).then(res => {
+          this.getList();
+          this.$modal.msgSuccess("取消签约成功");
+        })
+      })
     },
     /** 导出按钮操作 */
     handleExport() {