diff --git a/src/mock/app/menu-list.js b/src/mock/app/menu-list.js
index 82263b8..7ab5a02 100644
--- a/src/mock/app/menu-list.js
+++ b/src/mock/app/menu-list.js
@@ -32,6 +32,22 @@ module.exports = {
           "template": "template-curd"
         }
       ]
+    },
+    {
+      "label": "Audit",
+      "path": "/audit",
+      "submenu": [
+        {
+          "label": "Total Config",
+          "path": "/audit/total",
+          "template": "template-audit"
+        },
+        {
+          "label": "Audit Edit",
+          "path": "/audit/edit",
+          "template": "template-audit"
+        }
+      ]
     }
   ]
 }
diff --git a/src/router/index.js b/src/router/index.js
index f76545c..bf402e1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -16,7 +16,9 @@ const templateToComponent = {
   "template-curd": () =>
     import(/* webpackChunkName: "data-report" */ "../template/curd"),
   "template-data-report": () =>
-    import(/* webpackChunkName: "curd" */ "../template/data-report")
+    import(/* webpackChunkName: "curd" */ "../template/data-report"),
+  "template-audit": () =>
+    import(/* webpackChunkName: "audit" */ "../template/audit")
 };
 
 /**
diff --git a/src/store/module/page.js b/src/store/module/page.js
index 3ad27e2..2ed9352 100644
--- a/src/store/module/page.js
+++ b/src/store/module/page.js
@@ -2,15 +2,21 @@
  * @file 页面状态
  * @author wangbing11(wangbing11@baidu.com)
  */
-
+import {keyToLabel} from '../../template/audit/mock/keyToLabel';
+import {keyList} from '../../template/audit/mock/keyList';
 /* eslint-disable no-param-reassign */
 export default {
   state: {
-    pagePath: ""
+    pagePath: "",
+    keyToLabel: "",
+    keyList: ""
   },
   mutations: {
     setPagePath(state, pagePath) {
+      console.log(pagePath);
       state.pagePath = pagePath;
+      state.keyToLabel = keyToLabel[pagePath];
+      state.keyList = keyList[pagePath];
     }
   }
 };
diff --git a/src/template/audit/index.js b/src/template/audit/index.js
new file mode 100644
index 0000000..59efb75
--- /dev/null
+++ b/src/template/audit/index.js
@@ -0,0 +1,3 @@
+import index from './index.vue';
+
+export default index;
diff --git a/src/template/audit/index.vue b/src/template/audit/index.vue
new file mode 100644
index 0000000..a44e5bf
--- /dev/null
+++ b/src/template/audit/index.vue
@@ -0,0 +1,337 @@
+<template>
+  <div class="audit-detail-example-demo">
+    <!-- <div class="go-back" v-if="pageConfig.pageGoBackUrl">
+      <Button type="primary" @click="$router.push(pageConfig.pageGoBackUrl)">返回</Button>
+    </div> -->
+    <!-- <DetailSteps class="ivu-steps">
+        </DetailSteps> -->
+    <div
+      v-for="config in pageConfig.tableList"
+      :key="config.title"
+      class="audit-detail-example-demo-section"
+    >
+      <h3 class="audit-detail-example-demo-header">
+        {{ config.title }}
+      </h3>
+      <div class="audit-detail-example-demo-tool-bar">
+        <a :href="downLoadUrl" v-if="downLoadUrl && config.needShowDownLoadButton">下载全部</a>
+      </div>
+      <Table
+        :class="[config.changeFormStyle ? 'audit-detail-example-demo-table audit-detail-example-demo-form'
+          : 'audit-detail-example-demo-table']"
+        :columns="config.table.columns"
+        :data="config.table.data"
+        :show-header="config.showTableHeader"
+        v-if="config.type==='table'"
+      >
+        <template
+          v-for="column in config.table.columns"
+          :slot="column.slot"
+          :ref="column.slot"
+          slot-scope="{ row, index }"
+        >
+          <div v-if="column.htmlKey" :key="column.slot">
+            <div v-if="row.key===config.htmlKey">
+              <a class="download-wrapper" :href="item.url" v-for="(item, key) in row.value" :key="key">
+                {{item.name}}</a>
+            </div>
+            <div v-else>{{row.value}}</div>
+          </div>
+          <Form
+            v-if="!row.hideForm && column.formFields
+              ? (config.hideFormKey ? config.hideFormKey === row.key : true) : false"
+            :key="column.slot"
+            :ref="column.slot + row.key"
+            :model="row"
+          >
+            <!-- column.slot + row.key. eg: 'imgList' + 'action' or 'action' + 'name' -->
+            <FieldGenerator
+              v-for="(field, i) in column.formFields"
+              :key="i"
+              :field="field"
+              @on-field-change="handleFieldChange($event, row, column.slot + row.key)"
+              @on-button-event="handleButtonEvent($event, row, index)"
+              @on-list-item-click="handleListItemClick"
+            />
+          </Form>
+        </template>
+      </Table>
+    </div>
+    <div class="audit-detail-example-footer-actions" v-if="pageConfig.showButton && pageData.isCheck">
+      <Button type="primary" @click="handleSave(pageConfig.formVaildAction)">提交保存</Button>
+    </div>
+    <Modal v-model="modalOpen" :width="800">
+      <img
+        class="audit-detail-example-demo-modal-img"
+        :src="modalImgUrl"
+        alt=""
+      >
+    </Modal>
+    <Modal
+      v-model="dialogShow"
+      :title="dialogsConfig.title"
+    >
+      <div>{{dialogsConfig.content}}</div>
+      <div slot="footer">
+        <Button type="text" size="large" @click="cancel">取消</Button>
+        <Button type="primary" size="large" @click="confirm(submitApi)">确定</Button>
+      </div>
+    </Modal>
+  </div>
+</template>
+<script>
+/* eslint-disable no-console */
+import {mapState} from 'vuex';
+import axios from '../../libs/api.request';
+
+export default {
+  data() {
+    return {
+      formModel: {},
+      modalOpen: false,
+      modalImgUrl: '',
+      model: {
+        step: 2
+      },
+      dialogShow: false,
+      dialogTitle: '',
+      dialogContent: '',
+      dialogContentType: '',
+      formData: {},
+      dialogFooterHide: false,
+      isChange: false,
+      dilogsOpen: {},
+      dilogsModel: {},
+      pageData: {
+        isCheck: true
+      },
+      downLoadUrl: '',
+      pageConfig: {}
+    };
+  },
+  computed: {
+    pageRequestInfo() {
+      return this.pageConfig && this.pageConfig.request;
+    },
+    ...mapState({
+      keyToLabel: state => state.page.keyToLabel,
+      pagePath: state => state.page.pagePath,
+      keyList: state => state.page.keyList
+    }),
+    submitApi() {
+      return this.pageConfig.submitApi && this.pageConfig.submitApi;
+    },
+    dialogsConfig() {
+      return this.pageConfig.dialogs || {};
+    },
+    needDealUploadData() {
+      return this.pageConfig.needDealUploadData || false;
+    }
+  },
+  watch: {
+    pagePath() {
+      this.getPageConfig();
+    }
+  },
+  mounted() {
+    this.getPageConfig();
+  },
+  methods: {
+    getPageConfig() {
+      axios
+        .request({
+          url: `/api${this.pagePath}/page-config`,
+          method: "get",
+          params: {
+            pagePath: this.pagePath
+          }
+        })
+        .then(res => {
+          this.pageConfig = res.data;
+          this.getPageDetail();
+        });
+    },
+    handleButtonEvent($event, row, index) {
+      const {name} = $event;
+      if (/dialog-/.test(name)) {
+        const dialogName = name.replace(/dialog-/, '');
+        this.$set(this.dilogsOpen, dialogName, true);
+      } else {
+        this[$event.name](row, index);
+      }
+    },
+    /**
+         * When the field value changed, sync the value to this.formModel
+         * Notice there may be more than form in the per line in the table.
+         *
+         * @param ($event, row, refKey)
+         * @param {String} $event.model the changed field's model, eg: auditStatus
+         * @param {String} $event.value the change field's value, eg: 1 (one value of auditStatus's options)
+         * @param {String} row.key the changed field' identifier, eg: name
+         * @param {String} refKey the ref of the changed field's form, eg: actionname.
+         */
+    handleFieldChange({model, value}, row, refKey) {
+      const key = row.key;
+      // eslint-disable-next-line no-console
+      this.$refs[refKey][0].validate();
+      if (!this.formModel[key]) {
+        this.$set(this.formModel, key, {});
+      }
+      this.$set(this.formModel[key], model, value);
+    },
+    handleSave(action) {
+      let validCount = 0;
+      const refKeys = Object.keys(this.$refs);
+      refKeys.forEach(form => {
+        this.$refs[form][0].validate().then(valid => {
+          if (valid) {
+            validCount++;
+          }
+          // All validate success
+          if (validCount === refKeys.length) {
+            this.dialogTitle = this.pageConfig.dialogs.title;
+            this.dialogContent = this.pageConfig.dialogs.content;
+            this.dialogShow = true;
+          }
+        }).catch(err => {
+          console.log(err);
+        });
+      });
+    },
+    handleImgClick(imgUrl) {
+      this.modalOpen = true;
+      this.modalImgUrl = imgUrl;
+    },
+    handleListItemClick({url}) {
+      this.modalOpen = true;
+      this.modalImgUrl = url;
+    },
+    getPageDetail() {
+      // 先清数据避免上一个页面的数据在当前页面展示
+      this.resetPageData();
+      const {api, method} = this.pageRequestInfo;
+      axios
+        .request({
+          method,
+          url: api,
+          params: {
+            applyNo: this.$route.query.applyNo || 0
+          }
+        })
+        .then(res => {
+          if (res && res.data) {
+            this.downLoadUrl = res.data.downLoadUrl;
+            this.mergePageInfoFromApi(this.pageConfig, this.keyToLabel, res.data.info);
+          }
+        }).catch(err => {
+        });
+    },
+    mergePageInfoFromApi(pageConfig, keyToLabel, pageData) {
+      pageConfig.tableList = pageConfig.tableList.map(sectionConfig => {
+        const {sectionKey} = sectionConfig;
+        const sectionLabel = keyToLabel[sectionKey];
+        const sectionData = pageData[sectionKey];
+        const isTableArray = sectionConfig.isTableArray;
+        if (!isTableArray) {
+          if (sectionLabel && sectionData) {
+            sectionConfig.table.data = Object.keys(sectionData).map(key => {
+              let obj = '';
+              if (sectionLabel[key]) {
+                obj = {
+                  key,
+                  label: sectionLabel[key],
+                  value: sectionData[key]
+                };
+              }
+              return obj;
+            });
+            sectionConfig.table.data = sectionConfig.table.data.filter(item => item);
+          }
+        } else {
+          sectionConfig.table.data = sectionData;
+        }
+        return sectionConfig;
+      });
+    },
+    cancel() {
+      this.dialogShow = false;
+    },
+    confirm(requestApi) {
+      const {api, method} = requestApi;
+      const data = {...this.formModel, ...{applyNo: this.$route.query.applyNo}};
+      axios
+        .request({
+          method,
+          url: api,
+          data
+        })
+        .then(res => {
+          if (+res.errno === 0) {
+            this.$Message.success({
+              background: true,
+              content: '提交成功'
+            });
+          } else {
+            this.$Message.error({
+              background: true,
+              content: '系统异常'
+            });
+          }
+        });
+      this.dialogShow = false;
+    },
+    resetPageData() {
+      this.pageConfig.tableList = this.pageConfig.tableList.map(item => {
+        if (item.needClearData) {
+          item.table.data = [];
+        }
+        return item;
+      });
+    }
+  }
+};
+</script>
+<style lang="less">
+    .audit-detail-example-demo {
+        &-table {
+            &-td-img {
+                width: 100%;
+            }
+        }
+        &-modal-img {
+            width: 100%;
+        }
+        &-section {
+            margin: 30px auto;
+        }
+        &-header {
+            margin-bottom: 10px;
+            font-size: 16px;
+        }
+        &-tool-bar {
+            text-align: right;
+            padding: 10px
+        }
+        .ivu-form-item {
+            margin-top: 20px
+        }
+        .ivu-table, .ivu-table-wrapper, .ivu-table-cell {
+            overflow: visible;
+        }
+        .download-wrapper {
+            padding: 0 20px;
+        }
+        &-form {
+           .ivu-form-item {
+                margin-top: 0px;
+                margin-bottom: 0px
+            }
+        }
+    }
+    .go-back {
+        width: 100%;
+        padding-bottom: 20px;
+        text-align: right
+    }
+
+</style>
diff --git a/src/template/audit/mock/edit/company-list.js b/src/template/audit/mock/edit/company-list.js
new file mode 100644
index 0000000..12cffdc
--- /dev/null
+++ b/src/template/audit/mock/edit/company-list.js
@@ -0,0 +1,15 @@
+module.exports = {
+  "errno": 0,
+  "msg": "ok",
+  "data": [
+    {
+      "label": "线下调查公司1",
+      "value": 1
+    },
+    {
+      "label": "线下调查公司2",
+      "value": 2
+    }
+  ]
+}
+  
\ No newline at end of file
diff --git a/src/template/audit/mock/edit/data.js b/src/template/audit/mock/edit/data.js
new file mode 100644
index 0000000..d76173b
--- /dev/null
+++ b/src/template/audit/mock/edit/data.js
@@ -0,0 +1,120 @@
+module.exports = {
+  errno: 0,
+  data: {
+    progress: [
+      {
+        label: "材料初审",
+        subTitle: "进行中",
+        isFinish: false,
+        isWorking: true
+      },
+      {
+        label: "材料复审",
+        subTitle: "待进行",
+        isFinish: false,
+        isWorking: false
+      },
+      {
+        label: "线下调查",
+        subTitle: "待进行",
+        isFinish: false,
+        isWorking: false
+      },
+      {
+        label: "材料终审",
+        subTitle: "待进行",
+        isFinish: false,
+        isWorking: false
+      }
+    ],
+    info: {
+      baseInfo: {
+        aaname: "lisi",
+        abidcard: "1238294839824",
+        diagnoseTime: "2019-11-20",
+        diseaseName: "急性心肌梗塞",
+        diagnoseHospital: "北京市协和医院",
+        address: "北京市海淀区",
+        phone: 324328490,
+        backupPhone: 47835784,
+        bankNo: 8349859438,
+        bankUsername: "张三"
+      },
+      caseDes: {
+        caseDes: "2019年11月20日，李建国突然发烧，赶紧前往县医院就诊，血常规检查结果显示，李建国白细胞很高。一份10月31日下午李建国转院至医院血液肿瘤内科的入院记录则显示：当地医院查血常规：白细胞273.26×10的9次方每升，白细胞异常升高，遂急转诊我院，门诊以急性淋巴细胞白血病收入我科进一步诊治。"
+      },
+      moreInfo: {
+        joinTime: "2019-10-20",
+        applyTime: "2019-10-20",
+        totalDays: "130天",
+        mutualMoney: "50万",
+        isSerious: "是"
+      },
+      uploadMaterial: {
+        bankcard: [
+          {
+            id: "22",
+            url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1574076041&di=dba60f4ce2b9330e330f13546ce963a0&imgtype=jpg&er=1&src=http%3A%2F%2Fwww.ijointoo.com%2Fdata%2Fnews%2Fimages%2F1521193045383.jpg"
+          },
+          {
+            id: "33",
+            url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573481458804&di=5814ac5f18a6f1e9e67aa92db3557f84&imgtype=0&src=http%3A%2F%2Fimg.pconline.com.cn%2Fimages%2Fupload%2Fupc%2Ftx%2Fitbbs%2F1503%2F18%2Fc27%2F4042859_1426655007661_mthumb.jpg"
+          }
+        ],
+        idCardImgs: [
+          {
+            id: "22",
+            url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1574076041&di=dba60f4ce2b9330e330f13546ce963a0&imgtype=jpg&er=1&src=http%3A%2F%2Fwww.ijointoo.com%2Fdata%2Fnews%2Fimages%2F1521193045383.jpg"
+          },
+          {
+            id: "33",
+            url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573481458804&di=5814ac5f18a6f1e9e67aa92db3557f84&imgtype=0&src=http%3A%2F%2Fimg.pconline.com.cn%2Fimages%2Fupload%2Fupc%2Ftx%2Fitbbs%2F1503%2F18%2Fc27%2F4042859_1426655007661_mthumb.jpg"
+          }
+        ],
+        inpatient: [
+          {
+            id: "22",
+            url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1574076041&di=dba60f4ce2b9330e330f13546ce963a0&imgtype=jpg&er=1&src=http%3A%2F%2Fwww.ijointoo.com%2Fdata%2Fnews%2Fimages%2F1521193045383.jpg"
+          }
+        ],
+        diseaseImgs: [
+          {
+            id: "33",
+            url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573481458804&di=5814ac5f18a6f1e9e67aa92db3557f84&imgtype=0&src=http%3A%2F%2Fimg.pconline.com.cn%2Fimages%2Fupload%2Fupc%2Ftx%2Fitbbs%2F1503%2F18%2Fc27%2F4042859_1426655007661_mthumb.jpg"
+          }
+        ],
+        application: [
+          {
+            id: "22",
+            url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1574076041&di=dba60f4ce2b9330e330f13546ce963a0&imgtype=jpg&er=1&src=http%3A%2F%2Fwww.ijointoo.com%2Fdata%2Fnews%2Fimages%2F1521193045383.jpg"
+          }
+        ]
+      },
+      firstComment: {
+        checkConsolusion: '很好'
+      },
+      secondComment: {
+        checkConsolusion: "通过"
+      },
+      offlineComment: {
+        undeilineProcess: "线下调查过程是的福克斯开发机上",
+        undeilineSurvey: "线下调查概况随机发开始就的傅雷家书",
+        underlineDoc: [
+          {
+            name: "sdfs",
+            url: "http://www.baidu.com"
+          }
+        ]
+      },
+      checkConsolusion: {
+        checkConsolusion: "123"
+      }
+    },
+    downLoadUrl: "https://www.baidu.com",
+    pris: {
+      bolVerify: true
+    }
+  },
+  msg: "ok"
+}
+      
\ No newline at end of file
diff --git a/src/template/audit/mock/edit/page-config.js b/src/template/audit/mock/edit/page-config.js
new file mode 100644
index 0000000..f4aa3c6
--- /dev/null
+++ b/src/template/audit/mock/edit/page-config.js
@@ -0,0 +1,540 @@
+module.exports = {
+  "errno": 0,
+  "data": {
+    pageMark: 'reCheck',
+    showButton: true,
+    request: {
+      api: '/api/audit/edit/data',
+      method: 'get',
+      apiParams: ['all']
+    },
+    submitApi: {
+      api: '/api/audit/edit/submit',
+      method: 'get'
+    },
+    pageGoBackUrl: '',
+    // 表单验证通过后的行为
+    formVaildAction: 'showDialog',
+    tableList: [
+      {
+        title: '用户上传信息',
+        type: 'table',
+        sectionKey: 'baseInfo',
+        needClearData: true,
+        changeFormStyle: true,
+        showTableHeader: false,
+        table: {
+          columns: [
+            {
+              title: '项',
+              key: 'label',
+              width: 150
+            },
+            {
+              title: '值',
+              key: 'value',
+              width: 'auto'
+            },
+            {
+              title: '操作',
+              slot: 'action',
+              width: 'auto',
+              formFields: [
+                {
+                  type: 'Radio',
+                  model: 'auditStatus',
+                  options: [
+                    {
+                      label: '通过',
+                      value: '1'
+                    },
+                    {
+                      label: '驳回',
+                      value: '2'
+                    }
+                  ],
+                  rules: [
+                    {
+                      required: true,
+                      message: '请选择审核结论'
+                    }
+                  ]
+                },
+                {
+                  type: 'Select',
+                  model: 'reason',
+                  placeholder: '请选择原因',
+                  options: [
+                    {
+                      label: '此部分信息填写有误，请重新填写',
+                      value: '此部分信息填写有误，请重新填写'
+                    },
+                    {
+                      label: '此部分信息填写不完整，请重新填写',
+                      value: '此部分信息填写不完整，请重新填写'
+                    },
+                    {
+                      label: '此部分信息填写与所上传图片不符，请重新填写',
+                      value: '此部分信息填写与所上传图片不符，请重新填写'
+                    },
+                    {
+                      label: '其他原因，手动输入',
+                      value: '4'
+                    }
+                  ],
+                  rules: [
+                    {
+                      required: true,
+                      message: '请选择原因'
+                    }
+                  ],
+                  showOn: {
+                    auditStatus: [
+                      {
+                        type: 'enum',
+                        enum: ['2']
+                      },
+                      {
+                        required: true
+                      }
+                    ]
+                  }
+                },
+                {
+                  type: 'Input',
+                  subtype: 'textarea',
+                  model: 'reasonDesc',
+                  placeholder: '请输入原因',
+                  rules: [
+                    {
+                      required: true,
+                      message: '请输入原因'
+                    }
+                  ],
+                  showOn: {
+                    reason: [
+                      {
+                        type: 'enum',
+                        enum: ['4']
+                      },
+                      {
+                        required: true
+                      }
+                    ]
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      },
+      {
+        title: '用户案件描述',
+        type: 'table',
+        sectionKey: 'caseDes',
+        needClearData: true,
+        changeFormStyle: false,
+        showTableHeader: false,
+        table: {
+          columns: [
+            {
+              title: '项',
+              key: 'label',
+              width: 150
+            },
+            {
+              title: '值',
+              key: 'value',
+              width: 'auto'
+            },
+            {
+              title: '操作',
+              slot: 'action',
+              width: 'auto',
+              formFields: [
+                {
+                  type: 'Radio',
+                  model: 'auditStatus',
+                  options: [
+                    {
+                      label: '通过',
+                      value: '1'
+                    },
+                    {
+                      label: '驳回',
+                      value: '2'
+                    }
+                  ],
+                  rules: [
+                    {
+                      required: true,
+                      message: '请选择审核结论'
+                    }
+                  ]
+                },
+                {
+                  type: 'Select',
+                  model: 'reason',
+                  placeholder: '请选择原因',
+                  options: [
+                    {
+                      label: '此部分信息填写有误，请重新填写',
+                      value: '此部分信息填写有误，请重新填写'
+                    },
+                    {
+                      label: '此部分信息填写不完整，请重新填写',
+                      value: '此部分信息填写不完整，请重新填写'
+                    },
+                    {
+                      label: '此部分信息填写与所上传图片不符，请重新填写',
+                      value: '此部分信息填写与所上传图片不符，请重新填写'
+                    },
+                    {
+                      label: '其他原因，手动输入',
+                      value: '4'
+                    }
+                  ],
+                  rules: [
+                    {
+                      required: true,
+                      message: '请选择原因'
+                    }
+                  ],
+                  showOn: {
+                    auditStatus: [
+                      {
+                        type: 'enum',
+                        enum: ['2']
+                      },
+                      {
+                        required: true
+                      }
+                    ]
+                  }
+                },
+                {
+                  type: 'Input',
+                  subtype: 'textarea',
+                  model: 'reasonDesc',
+                  placeholder: '请输入原因',
+                  rules: [
+                    {
+                      required: true,
+                      message: '请输入原因'
+                    }
+                  ],
+                  showOn: {
+                    reason: [
+                      {
+                        type: 'enum',
+                        enum: ['4']
+                      },
+                      {
+                        required: true
+                      }
+                    ]
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      },
+      {
+        title: '用户更多信息',
+        type: 'table',
+        sectionKey: 'moreInfo',
+        needClearData: true,
+        changeFormStyle: false,
+        showTableHeader: false,
+        table: {
+          columns: [
+            {
+              title: '项',
+              key: 'label',
+              width: 150
+            },
+            {
+              title: '值',
+              key: 'value',
+              width: 'auto'
+            }
+          ]
+        }
+      },
+      {
+        title: '用户图片信息',
+        type: 'table',
+        sectionKey: 'uploadMaterial',
+        needClearData: true,
+        changeFormStyle: true,
+        showTableHeader: false,
+        table: {
+          columns: [
+            {
+              title: '项',
+              key: 'label',
+              width: 150
+            },
+            {
+              title: '图片列表',
+              slot: 'value1',
+              width: 'auto',
+              formFields: [
+                {
+                  type: 'List',
+                  model: 'value',
+                  'cardWidth': '120px',
+                  'cardHeight': '90px'
+                }
+              ]
+            },
+            {
+              title: '操作',
+              slot: 'action',
+              width: 250,
+              formFields: [
+                {
+                  type: 'Radio',
+                  model: 'auditStatus',
+                  options: [
+                    {
+                      label: '通过',
+                      value: '1'
+                    },
+                    {
+                      label: '驳回',
+                      value: '2'
+                    }
+                  ],
+                  rules: [
+                    {
+                      required: true,
+                      message: '请选择审核结论'
+                    }
+                  ]
+                },
+                {
+                  type: 'Select',
+                  model: 'reason',
+                  placeholder: '请选择原因',
+                  options: [
+                    {
+                      label: '此项图片上传较模糊，请重新拍摄后上传',
+                      value: '此项图片上传较模糊，请重新拍摄后上传'
+                    },
+                    {
+                      label: '此项图片上传不完整，请重新拍摄后上传',
+                      value: '此项图片上传不完整，请重新拍摄后上传'
+                    },
+                    {
+                      label: '其他原因，手动输入',
+                      value: '3'
+                    }
+                  ],
+                  rules: [
+                    {
+                      required: true,
+                      message: '请选择原因'
+                    }
+                  ],
+                  showOn: {
+                    auditStatus: [
+                      {
+                        type: 'enum',
+                        enum: ['2']
+                      },
+                      {
+                        required: true
+                      }
+                    ]
+                  }
+                },
+                {
+                  type: 'Input',
+                  subtype: 'textarea',
+                  model: 'reasonDesc',
+                  placeholder: '请输入原因',
+                  rules: [
+                    {
+                      required: true,
+                      message: '请输入原因'
+                    }
+                  ],
+                  showOn: {
+                    reason: [
+                      {
+                        type: 'enum',
+                        enum: ['3']
+                      },
+                      {
+                        required: true
+                      }
+                    ]
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      },
+      {
+        title: '案件审核结论',
+        type: 'table',
+        sectionKey: 'CaseReviewConclusion',
+        changeFormStyle: false,
+        showTableHeader: false,
+        table: {
+          columns: [
+            {
+              title: '项',
+              key: 'label',
+              width: 'auto'
+            },
+            {
+              title: '值',
+              key: 'value',
+              width: 'auto'
+            },
+            {
+              title: '操作',
+              slot: 'action',
+              width: 'auto',
+              formFields: [
+                {
+                  type: 'Radio',
+                  model: 'auditStatus',
+                  options: [
+                    {
+                      label: '通过',
+                      value: '1',
+                      disabled: false
+                    },
+                    {
+                      label: '驳回',
+                      value: '2',
+                      disabled: false
+                    },
+                    {
+                      label: '不通过',
+                      value: '3',
+                      disabled: false
+                    }
+                  ],
+                  rules: [
+                    {
+                      required: true,
+                      message: '请选择审核结论'
+                    }
+                  ]
+                }
+              ]
+            }
+          ],
+          data: [
+            {
+              key: 'conclusion',
+              label: '选择案件审核结论',
+              value: '选择「通过」后转到下个审核流程，选择「不通过」后转到终审员，选择「驳回」后转到用户侧补交材料',
+              reasonDesc: ''
+            }
+          ]
+        }
+      },
+      {
+        type: 'table',
+        changeFormStyle: false,
+        showTableHeader: false,
+        table: {
+          columns: [
+            {
+              title: '项',
+              key: 'label',
+              width: 100
+            },
+            {
+              title: '操作',
+              slot: 'action',
+              width: 'auto',
+              formFields: [
+                {
+                  type: 'Select',
+                  label: '',
+                  model: 'companyId',
+                  options: '/api/audit/edit/company-list',
+                  rules: [
+                    {
+                      required: true,
+                      type: 'number',
+                      message: '请选择线下调查公司'
+                    }
+                  ]
+                }
+              ]
+            }
+          ],
+          data: [
+            {
+              key: 'companyId',
+              label: '选择线下调查公司',
+              companyId: ''
+            }
+          ]
+        }
+      },
+      {
+        type: 'table',
+        changeFormStyle: false,
+        showTableHeader: false,
+        table: {
+          columns: [
+            {
+              title: '项',
+              key: 'label',
+              width: 100
+            },
+            {
+              title: '操作',
+              slot: 'action',
+              width: 'auto',
+              formFields: [
+                {
+                  type: 'Input',
+                  subtype: 'textarea',
+                  model: 'checkConsolusion',
+                  placeholder: '请输入最终审核结论',
+                  rules: [
+                    {
+                      required: true,
+                      message: '请输入最终审核结论'
+                    },
+                    {
+                      type: 'string',
+                      min: 20,
+                      max: 500,
+                      message: '字数要求在20-500字之间',
+                      trigger: 'blur'
+                    }
+                  ]
+                }
+              ]
+            }
+          ],
+          data: [
+            {
+              key: 'checkConsolusion',
+              label: '填写审核结论',
+              checkConsolusion: ''
+            }
+          ]
+        }
+      }
+    ],
+    dialogs: {
+      "title": "提交",
+      "content": "提交后，案件将转入下一流程"
+    }
+  },
+  "msg": "ok"
+}
+    
\ No newline at end of file
diff --git a/src/template/audit/mock/edit/submit.js b/src/template/audit/mock/edit/submit.js
new file mode 100644
index 0000000..371f22a
--- /dev/null
+++ b/src/template/audit/mock/edit/submit.js
@@ -0,0 +1,5 @@
+module.exports = {
+  "errno": 0,
+  "msg": "ok"
+}
+  
\ No newline at end of file
diff --git a/src/template/audit/mock/keyList.js b/src/template/audit/mock/keyList.js
new file mode 100644
index 0000000..f9a1faa
--- /dev/null
+++ b/src/template/audit/mock/keyList.js
@@ -0,0 +1,24 @@
+// 用于匹配驳回项，在弹窗中展示
+const keyListBase = {
+  diagnoseTime: '确诊时间',
+  disease: '确诊疾病',
+  diagnoseHospital: '确诊医院',
+  address: '常住地址',
+  phone: '联系电话',
+  backupPhone: '备用电话',
+  bankNo: '收款卡号',
+  bankUsername: '卡主姓名',
+  caseDes: '用户案件描述',
+  idcardImgs: '身份证正反面',
+  bankcard: '银行卡正反面',
+  inpatient: '住院和疾病相关材料',
+  diseaseCheck: '出院小结',
+  diagnosticProof: '诊断证明',
+  application: '互助申请书',
+  other: '其他辅助资料'
+};
+const keyList = {
+  '/audit/total': keyListBase,
+  '/audit/edit': keyListBase
+}
+export {keyList}
\ No newline at end of file
diff --git a/src/template/audit/mock/keyToLabel.js b/src/template/audit/mock/keyToLabel.js
new file mode 100644
index 0000000..968933d
--- /dev/null
+++ b/src/template/audit/mock/keyToLabel.js
@@ -0,0 +1,55 @@
+const baseKeyToLabel = {
+  baseInfo: {
+    // 兼容go语言json序列化排序 保证成员姓名和身份证号显示在最前面
+    aaname: '成员姓名',
+    abidcard: '身份证号',
+    diagnoseTime: '确诊时间',
+    disease: '确诊疾病',
+    diagnoseHospital: '确诊医院',
+    address: '常住地址',
+    phone: '联系电话',
+    backupPhone: '备用电话',
+    bankNo: '收款卡号',
+    bankUsername: '卡主姓名'
+  },
+  caseDes: {
+    caseDes: '用户案件描述'
+  },
+  moreInfo: {
+    joinTime: '加入时间',
+    applyTime: '申请时间',
+    totalDays: '累计加入',
+    mutualMoney: '匹配互助金额',
+    isSerious: '是否为轻疾'
+  },
+  uploadMaterial: {
+    idcardImgs: '身份证正反面',
+    bankcard: '银行卡正反面',
+    inpatient: '住院和疾病相关材料',
+    diseaseCheck: '出院小结',
+    diagnosticProof: '诊断证明',
+    application: '互助申请书',
+    other: '其他辅助资料'
+  },
+  firstComment: {
+    checkConsolusion: '初审建议'
+  },
+  secondComment: {
+    checkConsolusion: '复审建议'
+  },
+  offlineComment: {
+    undeilineProcess: '调查过程',
+    undeilineSurvey: '调查概况',
+    underlineDoc: '调查材料',
+    status: ''
+  },
+  checkConsolusion: {
+    checkConsolusion: '材料终审建议'
+  }
+}
+
+const keyToLabel = {
+  '/audit/total': baseKeyToLabel,
+  '/audit/edit': baseKeyToLabel
+}
+export {keyToLabel}
\ No newline at end of file
diff --git a/src/template/audit/mock/total/data.js b/src/template/audit/mock/total/data.js
new file mode 100644
index 0000000..f1895ed
--- /dev/null
+++ b/src/template/audit/mock/total/data.js
@@ -0,0 +1,120 @@
+module.exports = {
+  errno: 0,
+  data: {
+    progress: [
+      {
+        label: "材料初审",
+        subTitle: "进行中",
+        isFinish: false,
+        isWorking: true
+      },
+      {
+        label: "材料复审",
+        subTitle: "待进行",
+        isFinish: false,
+        isWorking: false
+      },
+      {
+        label: "线下调查",
+        subTitle: "待进行",
+        isFinish: false,
+        isWorking: false
+      },
+      {
+        label: "材料终审",
+        subTitle: "待进行",
+        isFinish: false,
+        isWorking: false
+      }
+    ],
+    info: {
+      baseInfo: {
+        aaname: "lisi",
+        abidcard: "1238294839824",
+        diagnoseTime: "2019-11-20",
+        diseaseName: "急性心肌梗塞",
+        diagnoseHospital: "北京市协和医院",
+        address: "北京市海淀区",
+        phone: 324328490,
+        backupPhone: 47835784,
+        bankNo: 8349859438,
+        bankUsername: "张三"
+      },
+      caseDes: {
+        caseDes: "2019年11月20日，李建国突然发烧，赶紧前往县医院就诊，血常规检查结果显示，李建国白细胞很高。一份10月31日下午李建国转院至医院血液肿瘤内科的入院记录则显示：当地医院查血常规：白细胞273.26×10的9次方每升，白细胞异常升高，遂急转诊我院，门诊以急性淋巴细胞白血病收入我科进一步诊治。"
+      },
+      moreInfo: {
+        joinTime: "2019-10-20",
+        applyTime: "2019-10-20",
+        totalDays: "130天",
+        mutualMoney: "50万",
+        isSerious: "是"
+      },
+      uploadMaterial: {
+        bankcard: [
+          {
+            id: "22",
+            url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1574076041&di=dba60f4ce2b9330e330f13546ce963a0&imgtype=jpg&er=1&src=http%3A%2F%2Fwww.ijointoo.com%2Fdata%2Fnews%2Fimages%2F1521193045383.jpg"
+          },
+          {
+            id: "33",
+            url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573481458804&di=5814ac5f18a6f1e9e67aa92db3557f84&imgtype=0&src=http%3A%2F%2Fimg.pconline.com.cn%2Fimages%2Fupload%2Fupc%2Ftx%2Fitbbs%2F1503%2F18%2Fc27%2F4042859_1426655007661_mthumb.jpg"
+          }
+        ],
+        idCardImgs: [
+          {
+            id: "22",
+            url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1574076041&di=dba60f4ce2b9330e330f13546ce963a0&imgtype=jpg&er=1&src=http%3A%2F%2Fwww.ijointoo.com%2Fdata%2Fnews%2Fimages%2F1521193045383.jpg"
+          },
+          {
+            id: "33",
+            url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573481458804&di=5814ac5f18a6f1e9e67aa92db3557f84&imgtype=0&src=http%3A%2F%2Fimg.pconline.com.cn%2Fimages%2Fupload%2Fupc%2Ftx%2Fitbbs%2F1503%2F18%2Fc27%2F4042859_1426655007661_mthumb.jpg"
+          }
+        ],
+        inpatient: [
+          {
+            id: "22",
+            url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1574076041&di=dba60f4ce2b9330e330f13546ce963a0&imgtype=jpg&er=1&src=http%3A%2F%2Fwww.ijointoo.com%2Fdata%2Fnews%2Fimages%2F1521193045383.jpg"
+          }
+        ],
+        diseaseImgs: [
+          {
+            id: "33",
+            url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573481458804&di=5814ac5f18a6f1e9e67aa92db3557f84&imgtype=0&src=http%3A%2F%2Fimg.pconline.com.cn%2Fimages%2Fupload%2Fupc%2Ftx%2Fitbbs%2F1503%2F18%2Fc27%2F4042859_1426655007661_mthumb.jpg"
+          }
+        ],
+        application: [
+          {
+            id: "22",
+            url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1574076041&di=dba60f4ce2b9330e330f13546ce963a0&imgtype=jpg&er=1&src=http%3A%2F%2Fwww.ijointoo.com%2Fdata%2Fnews%2Fimages%2F1521193045383.jpg"
+          }
+        ]
+      },
+      firstComment: {
+        checkConsolusion: '很好'
+      },
+      secondComment: {
+        checkConsolusion: "通过"
+      },
+      offlineComment: {
+        undeilineProcess: "线下调查过程是的福克斯开发机上",
+        undeilineSurvey: "线下调查概况随机发开始就的傅雷家书",
+        underlineDoc: [
+          {
+            name: "sdfs",
+            url: "http://www.baidu.com"
+          }
+        ]
+      },
+      checkConsolusion: {
+        checkConsolusion: "123"
+      }
+    },
+    downLoadUrl: "https://www.baidu.com",
+    pris: {
+      bolVerify: true
+    }
+  },
+  msg: "ok"
+}
+    
\ No newline at end of file
diff --git a/src/template/audit/mock/total/page-config.js b/src/template/audit/mock/total/page-config.js
new file mode 100644
index 0000000..0ff95d0
--- /dev/null
+++ b/src/template/audit/mock/total/page-config.js
@@ -0,0 +1,205 @@
+module.exports = {
+  "errno": 0,
+  "data": {
+    "pageMark": "total",
+    "showButton": false,
+    "request": {
+      "api": '/api/audit/total/data',
+      "method": 'get',
+      "apiParams": ['all']
+    },
+    "pageGoBackUrl": '',
+    "tableList": [
+      {
+        "title": '用户上传信息',
+        "type": 'table',
+        "sectionKey": 'baseInfo',
+        "needClearData": true,
+        "needShowDownLoadButton": false,
+        "showTableHeader": false,
+        "table": {
+          "columns": [
+            {
+              "title": '项',
+              "key": 'label',
+              "width": 150
+            },
+            {
+              "title": '值',
+              "key": 'value',
+              "width": 'auto'
+            }
+          ]
+        }
+      },
+      {
+        "title": '用户案件描述',
+        "type": 'table',
+        "needShowDownLoadButton": false,
+        "needClearData": true,
+        "sectionKey": 'caseDes',
+        "showTableHeader": false,
+        "table": {
+          "columns": [
+            {
+              "title": '项',
+              "key": 'label',
+              "width": 150
+            },
+            {
+              "title": '值',
+              "key": 'value',
+              "width": 'auto'
+            }
+          ]
+        }
+      },
+      {
+        "title": '用户更多信息',
+        "type": 'table',
+        "needShowDownLoadButton": false,
+        "needClearData": true,
+        "sectionKey": 'moreInfo',
+        "showTableHeader": false,
+        "table": {
+          "columns": [
+            {
+              "title": '项',
+              "key": 'label',
+              "width": 150
+            },
+            {
+              "title": '值',
+              "key": 'value',
+              "width": 'auto'
+            }
+          ]
+        }
+      },
+      {
+        "title": '用户图片信息',
+        "type": 'table',
+        "needShowDownLoadButton": true,
+        "needClearData": true,
+        "sectionKey": 'uploadMaterial',
+        "showTableHeader": false,
+        "table": {
+          "columns": [
+            {
+              "title": '项',
+              "key": 'label',
+              "width": 150
+            },
+            {
+              "title": '图片列表',
+              "slot": 'value1',
+              "width": 'auto',
+              "formFields": [
+                {
+                  "type": 'List',
+                  "model": 'value',
+                  'cardWidth': '120px',
+                  'cardHeight': '90px'
+                }
+              ]
+            }
+          ]
+        }
+      },
+      {
+        "title": '材料初审建议',
+        "type": 'table',
+        "needShowDownLoadButton": false,
+        "needClearData": true,
+        "sectionKey": 'firstComment',
+        "showTableHeader": false,
+        "table": {
+          "columns": [
+            {
+              "title": '项',
+              "key": 'label',
+              "width": 150
+            },
+            {
+              "title": '值',
+              "key": 'value',
+              "width": 'auto'
+            }
+          ]
+        }
+      },
+      {
+        "title": '材料复审建议',
+        "type": 'table',
+        "needShowDownLoadButton": false,
+        "needClearData": true,
+        "sectionKey": 'secondComment',
+        "showTableHeader": false,
+        "table": {
+          "columns": [
+            {
+              "title": '项',
+              "key": 'label',
+              "width": 150
+            },
+            {
+              "title": '值',
+              "key": 'value',
+              "width": 'auto'
+            }
+          ]
+        }
+      },
+      {
+        "title": '线下调查建议',
+        "type": 'table',
+        "needShowDownLoadButton": false,
+        "needClearData": true,
+        "sectionKey": 'offlineComment',
+        "hideFormKey": 'status',
+        // 需要渲染成html的key 在页面中单独处理样式
+        "htmlKey": 'underlineDoc',
+        "showTableHeader": false,
+        "table": {
+          "columns": [
+            {
+              "title": '项',
+              "key": 'label',
+              "width": 150
+            },
+            {
+              "title": '值',
+              "width": 'auto',
+              "slot": 'html',
+              "htmlKey": '调查材料'
+            }
+          ]
+        }
+      },
+      {
+        "title": '材料终审建议',
+        "type": 'table',
+        "needShowDownLoadButton": false,
+        "needClearData": true,
+        "sectionKey": 'checkConsolusion',
+        "showTableHeader": false,
+        "table": {
+          "columns": [
+            {
+              "title": '项',
+              "key": 'label',
+              "width": 150
+            },
+            {
+              "title": '值',
+              "key": 'value',
+              "width": 'auto'
+            }
+          ]
+        }
+      }
+    ]
+  },
+  "msg": "ok"
+}
+  
\ No newline at end of file