diff --git a/front/src/views/project/ModuleSetting/WeComSetting/index.vue b/front/src/views/project/ModuleSetting/WeComSetting/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d9b25b1de30430a3db14994844d61ddb51ea6bb2
--- /dev/null
+++ b/front/src/views/project/ModuleSetting/WeComSetting/index.vue
@@ -0,0 +1,64 @@
+<template>
+  <div>
+    <el-form
+      ref="updateEnvForm"
+      :model="config"
+      size="mini"
+    >
+      <el-alert :title="$t('WeComSetting.weComWebhookUrlTip')" :closable="false"  />
+      <el-form-item :label="$t('WeComSetting.weComWebhookUrl')">
+        <el-input
+          v-model="config.weComWebhookUrl.configValue"
+          :placeholder="$t('WeComSetting.weComWebhookUrlPlacehoder')"
+          show-word-limit
+          maxlength="200"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="saveConfig">{{ $t('save') }}</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { listModuleConfig, saveModuleConfig } from '../moduleSetting'
+
+export default {
+  name: 'WeComSetting',
+  data() {
+    return {
+      moduleId: '',
+      config: {
+        weComWebhookUrl: { configKey: 'weComWebhookUrl', configValue: '', description: '企业微信群机器人webhook' }
+      }
+    }
+  },
+  methods: {
+    reload(moduleId) {
+      this.moduleId = moduleId
+      this.loadConfig(moduleId)
+    },
+    loadConfig() {
+      const configKeys = Object.keys(this.config)
+      listModuleConfig(this.moduleId, configKeys, (configs) => {
+        for (const config of configs) {
+          this.config[config.configKey] = config
+        }
+      })
+    },
+    saveConfig() {
+      const items = []
+      for (const configKey in this.config) {
+        const obj = this.config[configKey]
+        items.push(obj)
+      }
+      saveModuleConfig({
+        moduleId: this.moduleId,
+        items: items
+      }, () => {
+        this.tipSuccess($ts('saveSuccess'))
+      })
+    }
+  }
+}
+</script>