diff --git a/src/views/caseManage/components/knowledgeSearch.vue b/src/views/caseManage/components/knowledgeSearch.vue
new file mode 100644
index 0000000..97a9021
--- /dev/null
+++ b/src/views/caseManage/components/knowledgeSearch.vue
@@ -0,0 +1,83 @@
+<!--知识库搜索模块-->
+<template>
+  <div class="knowledge">
+    <div class="search-div">
+      <el-input v-model="keywords" :size="size" placeholder="关键字" class="search-input"/>
+      <el-button :size="size" type="primary" class="search-btn" @click="search">知识查找</el-button>
+    </div>
+    <div class="answer-div">
+      <div v-for="item in list" class="answer-item">
+        <el-card body-style="{padding:5px;}" shadow="hover">
+          <div class="answer-title">{{ item.kName }}</div>
+          <div class="answer-info">{{ item.kInfo }}</div>
+        </el-card>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'KnowledgeSearch',
+  data() {
+    return {
+      keywords: '', // 关键字
+      list: [], // 检索结果列表
+      total: 0, // 总数
+      size: 'small' // 输入框大小
+    }
+  },
+  created(){
+    this.search()
+  },
+  methods: {
+    search() {
+      const params = { keywords: this.keywords }
+      this.list = [
+        { kName: '标题1', kInfo: '答案1' },
+        { kName: '标题2', kInfo: '答案FSDSFDSFDSAF 1' },
+        { kName: '标题3', kInfo: '答案1SDFSDFDSFDSF' },
+        { kName: '标题4', kInfo: '答案1DSSD' },
+        { kName: '标题5', kInfo: '答案1FSDFSDSFDSFSDF' }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .knowledge{
+    background-color: #f0f0f0;
+    padding-left: 5px;
+    padding-right: 5px;
+    height: 100%;
+    .search-div{
+      display: flex;
+      justify-content: space-between;
+      .search-input{
+        width: calc(100% - 85px) !important;
+      }
+
+    }
+    .answer-div{
+      margin: 3px;
+      .answer-item{
+        /*background-color: #ffffff;*/
+        /*padding:5px 10px;*/
+        /*margin-bottom: 3px;*/
+        /*border: 1px solid #ebeef5;*/
+        .answer-title{
+          font-size:13px;
+          color:#3a8ee6;
+          margin-bottom: 5px;
+          font-weight: bold;
+        }
+        .answer-info{
+          font-size:12px;
+          color: #898989;
+        }
+      }
+    }
+  }
+
+</style>

diff --git a/src/views/caseManage/components/knowledgeSearch.vue b/src/views/caseManage/components/knowledgeSearch.vue
new file mode 100644
index 0000000..97a9021
--- /dev/null
+++ b/src/views/caseManage/components/knowledgeSearch.vue
@@ -0,0 +1,83 @@
+<!--知识库搜索模块-->
+<template>
+  <div class="knowledge">
+    <div class="search-div">
+      <el-input v-model="keywords" :size="size" placeholder="关键字" class="search-input"/>
+      <el-button :size="size" type="primary" class="search-btn" @click="search">知识查找</el-button>
+    </div>
+    <div class="answer-div">
+      <div v-for="item in list" class="answer-item">
+        <el-card body-style="{padding:5px;}" shadow="hover">
+          <div class="answer-title">{{ item.kName }}</div>
+          <div class="answer-info">{{ item.kInfo }}</div>
+        </el-card>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'KnowledgeSearch',
+  data() {
+    return {
+      keywords: '', // 关键字
+      list: [], // 检索结果列表
+      total: 0, // 总数
+      size: 'small' // 输入框大小
+    }
+  },
+  created(){
+    this.search()
+  },
+  methods: {
+    search() {
+      const params = { keywords: this.keywords }
+      this.list = [
+        { kName: '标题1', kInfo: '答案1' },
+        { kName: '标题2', kInfo: '答案FSDSFDSFDSAF 1' },
+        { kName: '标题3', kInfo: '答案1SDFSDFDSFDSF' },
+        { kName: '标题4', kInfo: '答案1DSSD' },
+        { kName: '标题5', kInfo: '答案1FSDFSDSFDSFSDF' }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .knowledge{
+    background-color: #f0f0f0;
+    padding-left: 5px;
+    padding-right: 5px;
+    height: 100%;
+    .search-div{
+      display: flex;
+      justify-content: space-between;
+      .search-input{
+        width: calc(100% - 85px) !important;
+      }
+
+    }
+    .answer-div{
+      margin: 3px;
+      .answer-item{
+        /*background-color: #ffffff;*/
+        /*padding:5px 10px;*/
+        /*margin-bottom: 3px;*/
+        /*border: 1px solid #ebeef5;*/
+        .answer-title{
+          font-size:13px;
+          color:#3a8ee6;
+          margin-bottom: 5px;
+          font-weight: bold;
+        }
+        .answer-info{
+          font-size:12px;
+          color: #898989;
+        }
+      }
+    }
+  }
+
+</style>
diff --git a/src/views/caseManage/createCase.vue b/src/views/caseManage/createCase.vue
index 8680b5d..176a663 100644
--- a/src/views/caseManage/createCase.vue
+++ b/src/views/caseManage/createCase.vue
@@ -1,12 +1,397 @@
 <!--创建事件-->
-<template/>
+<template>
+  <div class="case-container">
+    <div class="form-div">
+      <el-form ref="form" :model="form" :size="inputSize" :rules="rules" label-width="80px">
+        <div>
+          <el-row :gutter="20">
+            <el-col :span="8">
+              <el-form-item label="事件编号" prop="caseId">
+                <el-input v-model="form.caseId" disabled/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="录音编号" prop="sound">
+                <el-input v-model="form.sound"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="来电时间" prop="callTime">
+                <el-input v-model="form.callTime"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="8">
+              <el-form-item label="联系电话" prop="reporterPhone">
+                <el-input v-model="form.reporterPhone"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="联系人" prop="reporterName">
+                <el-input v-model="form.reporterName"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-form-item label="事件类型" prop="type" required>
+              <el-col :span="6">
+                <el-select v-model="form.type.eorc" placeholder="请选择" style="width: 100%">
+                  <el-option v-for="item of eorcList" :key="'eorc_'+item.value" :label="item.name" :value="item.value"/>
+                </el-select>
+              </el-col>
+              <el-col :span="6">
+                <el-select v-model="form.type.caseTypeCode" placeholder="请选择" style="width: 100%">
+                  <el-option v-for="item of caseTypeList" :key="'case_'+item.id" :label="item.typeName" :value="item.typeCode"/>
+                </el-select>
+              </el-col>
+              <el-col :span="6">
+                <el-select v-model="form.type.caseDetailTypeCode" placeholder="请选择" style="width: 100%" clearable>
+                  <el-option v-for="item of caseDetailTypeList" :key="'casedetail_'+item.id" :label="item.typeDetailName" :value="item.typeDetailCode"/>
+                </el-select>
+              </el-col>
+            </el-form-item>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="8">
+              <el-form-item label="事件来源" prop="source">
+                <el-select v-model="form.source" placeholder="请选择" style="width: 100%">
+                  <el-option v-for="item of sourceList" :key="'source_'+item.value" :label="item.name" :value="item.value"/>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="紧急程度" prop="caseLevel">
+                <el-select v-model="form.caseLevel" placeholder="请选择" style="width: 100%">
+                  <el-option v-for="item of caseLevelList" :key="'caselevel_'+item.value" :label="item.name" :value="item.value"/>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="办理期限" prop="limitedTime">
+                <el-date-picker
+                  v-model="form.limitedTime"
+                  type="datetime"
+                  placeholder="请选择时间"
+                  style="width: 100%"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-form-item label="事件地址" prop="address" required>
+              <el-col :span="5">
+                <el-select v-model="form.address.areaCode" placeholder="选择所在区" value="" style="width: 100%">
+                  <el-option key="360721" label="蓉江新区" value="360721"/>
+                </el-select>
+              </el-col>
+              <el-col :span="5">
+                <el-select v-model="form.address.streetCode" placeholder="选择所在街道" value="" style="width: 100%">
+                  <el-option v-for="item in streetList" :key="item.id" :label="item.name" :value="item.id"/>
+                </el-select>
+              </el-col>
+              <el-col :span="5">
+                <el-select v-model="form.address.communityCode" placeholder="选择所在社区" value="" style="width: 100%">
+                  <el-option v-for="item in communityList" :key="item.id" :label="item.name" :value="item.id"/>
+                </el-select>
+              </el-col>
+              <el-col :span="5">
+                <el-input v-model="form.address.fieldintro"/>
+              </el-col>
+            </el-form-item>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="16">
+              <el-form-item label="事件标题" prop="title">
+                <el-input v-model="form.title"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="checkbox">
+                <el-checkbox v-model="form.isTypical" true-label="1" false-label="0">是否典型案例</el-checkbox>
+              </div>
+              <div class="checkbox">
+                <el-checkbox v-model="form.isImportant" true-label="1" false-label="0">是否要情</el-checkbox>
+              </div>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col>
+              <el-form-item label="事件内容" prop="description">
+                <el-input
+                  v-model="form.description"
+                  :autosize="{ minRows: 2, maxRows: 4}"
+                  type="textarea"
+                  placeholder="请输入内容"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col>
+              <el-form-item label="处理方式" prop="processWay">
+                <el-radio-group v-model="form.processWay">
+                  <el-radio v-for="item in processWayList" :label="item.value">{{ item.name }}</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="10">
+              <el-form-item label="处理单位" prop="processDept">
+                <dept-select/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="10">
+              <el-form-item label="处理人" prop="processUser">
+                <el-select v-model="form.processUser" placeholder="选择处理人" value="" style="width: 100%">
+                  <el-option v-for="item in userList" :key="item.id" :label="item.name" value="item.id"/>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20" type="flex" justify="center">
+            <el-col :span="24">
+              <div style="text-align: center">
+                <el-button :size="inputSize" type="primary" @click="submit">提交</el-button>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </div>
+    <div class="knowledge-div">
+      <knowledge-search/>
+    </div>
+  </div>
+</template>
 
 <script>
+import KnowledgeSearch from './components/knowledgeSearch'
+import DeptSelect from '../../components/DeptSelect/index'
+import { getToday } from '@/utils/dateutils'
+
 export default {
-  name: 'CreateCase'
+  name: 'CreateCase',
+  components: { DeptSelect, KnowledgeSearch },
+  data() {
+    const validateAddress = function(rule, value, callback) {
+      console.log(value)
+      if (value.areaCode === '' || value.streetCode === '' || value.communityCode === '') {
+        callback(new Error('地址需填写完整'))
+      } else {
+        callback()
+      }
+    }
+    const validateType = function(rule, value, callback) {
+      console.log(value)
+      debugger
+      if (value.eorc === '' || value.caseTypeCode === '' || value.caseDetailTypeCode === '') {
+        callback(new Error('请选择事件类型'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      form: {
+        caseId: '', // 案卷编号，年月日时分秒毫秒+坐席号
+        sound: '645ffd84-77d8-11ea-8021-53392d079625', // 来电录音编号
+        callTime: '', // 来电时间
+        reporterName: '', // 事件联系人
+        reporterPhone: '', // 时间联系人电话
+        type: {
+          eorc: '', // 案卷类别
+          caseTypeCode: '', // 案卷大类编码
+          caseDetailTypeCode: '' // 案卷小类编码
+        }, // 案卷类别
+        source: '1', // 来源
+        address: {
+          areaCode: '360721', // 区域ID
+          streetCode: '', // 街道ID
+          communityCode: '', // 社区ID
+          gridId: '', // 网格ID
+          fieldintro: '' // 事件地址
+        },
+        caseLevel: '', // 案卷紧急程度
+        isTypical: '0', // 是否典型案例
+        isImportant: '0', // 是否要情
+        title: '', // 事件标题
+        description: '', // 事件内容
+        limitedTime: '', // 事件办理期限
+        processWay: '', // 处理方式
+        processDept: '', // 处理单位
+        processUser: '' // 处理人
+      },
+      reportersList: [], // 联系人选择列表
+      eorcList: [], // 案卷类别
+      caseTypeList: [], // 案卷类别二级
+      caseDetailTypeList: [], // 案卷类别三级
+      areaList: [], // 区域列表
+      streetList: [], // 街道列表
+      communityList: [], // 社区列表
+      gridList: [], // 网格列表
+      caseLevelList: [{ name: '普通事件', value: '1' }, { name: '紧急事件', value: '2' }], // 紧急程度字典
+      processWayList: [{ name: '直接办结', value: '1' }, { name: '呈报上级', value: '2' }, { name: '网上交办', value: '3' }, { name: '暂存', value: '4' }], // 是否列表
+      sourceList: [{ name: '热线电话', value: '1' }],
+      userList: [], // 处理人列表
+      inputSize: 'small', // 按钮样式
+      rules: {
+        caseId: [{ required: true, message: '事件编号不能为空', trigger: ['blur'] }],
+        sound: [{ required: true, message: '来电录音编号不能为空', trigger: ['blur'] }],
+        callTime: [{ required: true, message: '来电时间不能为空', trigger: ['blur'] }],
+        reporterName: [{ required: true, message: '联系人姓名不能为空', trigger: ['blur'] }],
+        reporterPhone: [{ required: true, message: '联系电话不能为空', trigger: ['blur'] }],
+        areaCode: [{ required: true, message: '事件辖区必选', trigger: ['blur'] }],
+        source: [{ required: true, message: '事件来源必选', trigger: ['blur', 'change'] }],
+        caseLevel: [{ required: true, message: '紧急程度必选', trigger: ['blur', 'change'] }],
+        type: [{ required: true, message: '事件类型必选', trigger: ['blur'], validator: validateType }],
+        caseDetailTypeCode: [{ required: true, message: '事件类型必选', trigger: ['blur'] }],
+        description: [{ required: true, message: '事件内容不能为空', trigger: ['blur'] }],
+        address: [{ required: true, message: '地址需填写完整', trigger: ['blur'], validator: validateAddress }],
+        processWay: [{ required: true, message: '处理方式必选', trigger: ['blur', 'change'] }]
+      } // 表单验证
+    }
+  },
+  watch: {
+    'form.type.eorc': function(val) {
+      if (val === '') {
+        this.form.type.caseTypeCode = ''
+        this.form.type.caseDetailTypeCode = ''
+      } else {
+        this.form.type.caseTypeCode = ''
+        this.form.type.caseDetailTypeCode = ''
+        this.fetchCaseTypeList()
+      }
+    },
+    'form.type.caseTypeCode': function(val) {
+      if (val === '') {
+        this.form.type.caseDetailTypeCode = ''
+      } else {
+        this.form.type.caseDetailTypeCode = ''
+        this.fetchCaseDetailTypeList()
+      }
+    },
+    'form.address.streetCode': function(val) {
+      if (val === '') {
+        this.form.address.communityCode = ''
+      } else {
+        this.fetchCommunityList()
+      }
+    }
+  },
+  created() {
+    this.fetchEorcList()
+    this.fetchStreetList()
+  },
+  methods: {
+    // 提交
+    submit() {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          // 校验通过
+        }
+      })
+    },
+    // 初始化数据
+    initData(data) {
+      this.form.sound = data.callid
+      this.form.callTime = data.callTime
+      this.form.reporterPhone = data.number
+      this.generateCaseId()
+      // 根据电话去查找人
+      if (this.reporterPhone) {
+        this.fetchReporter(this.reporterPhone)
+      }
+    },
+    // 根据电话去找人
+    fetchReporter(phone) {
+      this.reporterName = '张三'
+    },
+    fetchReportersList() {
+
+    },
+    fetchEorcList() {
+      this.eorcList = [
+        { value: '1', name: '咨询' },
+        { value: '2', name: '建议' },
+        { value: '3', name: '求助' },
+        { value: '4', name: '其他' },
+        { value: '5', name: '投诉' }
+      ]
+    },
+    fetchCaseTypeList() {
+      this.caseTypeList = [
+        { id: '1', typeCode: '1', typeName: '咨询' },
+        { id: '2', typeCode: '2', typeName: '市民生活服务类' },
+        { id: '3', typeCode: '3', typeName: '城市管理市容类' }
+
+      ]
+    },
+    fetchCaseDetailTypeList() {
+      this.caseDetailTypeList = [
+        { id: '1', typeDetailCode: '1', typeDetailName: '道路维护' },
+        { id: '2', typeDetailCode: '2', typeDetailName: '垃圾清理' },
+        { id: '3', typeDetailCode: '3', typeDetailName: '门头广告' }
+      ]
+    },
+    fetchAreaList() {
+      this.areaList = [
+        {
+          id: '360721',
+          name: '蓉江新区'
+        }
+      ]
+    },
+    fetchStreetList() {
+      this.streetList = [
+        {
+          id: '020001',
+          name: '黄金岭街道'
+        },
+        {
+          id: '360702091',
+          name: '潭东镇'
+        }
+      ]
+    },
+    fetchCommunityList() {
+      this.communityList = [
+        {
+          id: '1',
+          name: '赣南师范大学'
+        }
+      ]
+    },
+    fetchGridList() {
+
+    },
+    // 自动生成案卷编号，时间+坐席号
+    generateCaseId() {
+      const id = getToday('yyMMddhhmmss')
+      const seat = '208'
+      this.form.caseId = id + seat
+    }
+  }
 }
 </script>
 
-<style scoped>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $rightwidth: 300px;
+  .case-container{
+    width: 100%;
+    display: flex;
+    display: -webkit-flex; /* Safari */
+    justify-content:space-between;
+  }
+  .form-div{
+    width: calc( 100%- 300px);
+    .checkbox{
+      display: inline-block;
+      line-height: 32px; // 设置行高
+      margin-right: 20px;
+    }
+    padding-right:10px;
+  }
+  .knowledge-div{
+    width: $rightwidth;
+  }
 
 </style>