系统修改记录

monkeyhouyi
1 parent 743c1a59
Showing 15 changed files with 740 additions and 181 deletions
package.json
src/api/info.js
src/assets/mockdata/demodata.json
src/components/InfoEditRecord/index.vue
src/components/Pagination/index.vue
src/components/index.js
src/main.js
src/router/index.js
src/store/modules/permission.js
src/utils/scroll-to.js
src/views/Systeminfo/AddDialog.vue
src/views/HomePage.vue → src/views/homePage/HomePage.vue
src/components/Header.vue → src/views/homePage/components/Header.vue
src/components/Overview.vue → src/views/overView/Overview.vue
src/components/InfoList.vue → src/views/systemPage/InfoList.vue
@@ -15,6 +15,7 @@
     "element-ui": "^2.15.14",
     "js-cookie": "^3.0.5",
     "js-md5": "^0.8.3",
+    "moment": "^2.30.1",
     "normalize.css": "^8.0.1",
     "nprogress": "^0.2.0",
     "sass-loader": "^14.2.1",
@@ -16,6 +16,13 @@ export async function getInfoList(data) {
         params: data
     });
 }
+export async function getUpdataRecord(data) {
+    return await request({
+        url: '/Extend/basesysteminfolog/SearchSystemList',
+        method: 'get',
+        params: data
+    });
+}
 export async function updataSystem(data) {
     let id = data.id;
     return await request({
@@ -32,5 +32,22 @@
         {"title": "清单管理"},
         {"title": "查询上报"},
         {"title": "数字大屏"}
-    ]
+    ],
+    "infoKeyName": {
+        "companyId": "主体企业",
+        "systemType": "系统类型",
+        "systemName": "系统名称",
+        "systemClass": "系统分类",
+        "systemRecordNumber": "备案号",
+        "recordLicense": "备案许可证",
+        "platform": "归属平坦",
+        "domain": "域名",
+        "systemDownloadVolume": "下载量",
+        "version": "版本",
+        "principalName": "负责人姓名",
+        "principalPhone": "负责人电话",
+        "officeAddress": "办公地址",
+        "systemIcon": "系统图标",
+        "areaId": "所属区县"
+    }
 }
 \ No newline at end of file
+<template>
+  <div class="infoForm">
+    <div class="userSelect-input" @click="openDialog">
+      <slot></slot>
+    </div>
+    <el-dialog
+      title="修改信息"
+      :close-on-click-modal="false"
+      :visible.sync="visible"
+      lock-scroll
+      append-to-body
+      width="80%"
+      top="10vh"
+      :modal-append-to-body="false"
+      class="dialog-box"
+      destroy-on-close
+      v-loading="infoForm_loading"
+    >
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form
+            :model="infoForm"
+            :rules="infoRules"
+            ref="infoForm"
+            size="small"
+            label-width="100px"
+            :disabled="true"
+          >
+            <el-row :gutter="20">
+              <el-col :span="24">
+                <el-col :span="12">
+                  <el-form-item label="主体企业" prop="companyId">
+                    <el-select
+                      v-model="infoForm.companyId"
+                      placeholder="请选择主体企业"
+                      clearable
+                      v-loadMore="nextCompanyList"
+                      style="width: 100%"
+                      @change="companyChange"
+                    >
+                      <el-option
+                        v-for="item in companyOptions"
+                        :key="item.id"
+                        :label="item.companyName"
+                        :value="item.id"
+                      >
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+              </el-col>
+              <el-col :span="24" v-if="isShowCompanyInfo">
+                <div class="company-info">
+                  <div class="company-info-items">
+                    <div :span="12">
+                      企业归属：{{ companyInfo.areaName || "--" }}
+                    </div>
+                    <div :span="12">
+                      联系人：{{ companyInfo.contactUser || "--" }}
+                    </div>
+                    <div :span="12">
+                      公司地址：{{ companyInfo.address || "--" }}
+                    </div>
+                  </div>
+                  <div class="company-info-items">
+                    <div :span="12">
+                      社会信用代码：{{ companyInfo.socialCreditAgency || "--" }}
+                    </div>
+                    <div :span="12">
+                      联系电话：{{ companyInfo.contactPhone || "--" }}
+                    </div>
+                  </div>
+                </div>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="系统类型" prop="systemType">
+                  <el-radio-group v-model="infoForm.systemType">
+                    <el-radio
+                      v-for="v in systemTypeOptions"
+                      :key="v.Id"
+                      :label="v.Id"
+                      @change="systemTypeChange"
+                      >{{ v.FullName }}</el-radio
+                    >
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="系统名称" prop="systemName">
+                  <el-input
+                    v-model="infoForm.systemName"
+                    placeholder="请输入系统名称"
+                    maxlength="50"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="系统分类" prop="systemClass">
+                  <el-select
+                    v-model="infoForm.systemClass"
+                    placeholder="请选择系统分类"
+                    :disabled="!infoForm.systemType"
+                    style="width: 100%"
+                  >
+                    <el-option
+                      v-for="item in systemClassOptions"
+                      :key="item.Id"
+                      :label="item.ClassName"
+                      :value="item.Id"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="备案号" prop="systemRecordNumber">
+                  <el-input
+                    v-model="infoForm.systemRecordNumber"
+                    placeholder="请输入备案号"
+                    maxlength="200"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="备案许可证" prop="recordLicense">
+                  <el-input
+                    v-model="infoForm.recordLicense"
+                    placeholder="请输入备案许可证"
+                    maxlength="200"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="归属平台" prop="platform">
+                  <el-input
+                    v-model="infoForm.platform"
+                    placeholder="请输入归属平台"
+                    maxlength="200"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="域名" prop="domain">
+                  <el-input
+                    v-model="infoForm.domain"
+                    placeholder="请输入域名"
+                    maxlength="200"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="下载量" prop="systemDownloadVolume">
+                  <el-input
+                    v-model.number="infoForm.systemDownloadVolume"
+                    maxlength="200"
+                    placeholder="请输入下载量"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="版本" prop="version">
+                  <el-input
+                    v-model="infoForm.version"
+                    maxlength="200"
+                    placeholder="请输入版本"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="负责人姓名" prop="principalName">
+                  <el-input
+                    v-model="infoForm.principalName"
+                    maxlength="50"
+                    placeholder="请输入负责人姓名"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="负责人电话" prop="principalPhone">
+                  <el-input
+                    v-model="infoForm.principalPhone"
+                    maxlength="20"
+                    placeholder="请输入负责人电话"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="办公地址" prop="officeAddress">
+                  <el-input
+                    v-model="infoForm.officeAddress"
+                    maxlength="200"
+                    placeholder="请输入办公地址"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24" class="icom-box">
+                <el-form-item label="系统图标" prop="systemIcon">
+                  <el-upload
+                    class="avatar-uploader"
+                    action="#"
+                    :show-file-list="false"
+                    :limit="1"
+                    :multiple="false"
+                    :http-request="httpRequest"
+                  >
+                    <img
+                      v-if="infoForm.systemIcon"
+                      :src="infoForm.systemIcon"
+                      class="avatar"
+                    />
+                    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                  </el-upload>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="所属区县" prop="areaId">
+                  <el-radio-group
+                    v-model="infoForm.areaId"
+                    placeholder="请选择所属区县"
+                    style="line-height: 22px"
+                  >
+                    <el-radio
+                      v-for="v in areaOptions"
+                      :key="v.id"
+                      :label="v.id"
+                      >{{ v.fullName }}</el-radio
+                    >
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-col>
+        <el-col :span="12">
+          <el-col :span="24"> 修改记录： </el-col>
+          <el-col :span="24">
+            <el-timeline>
+              <el-timeline-item
+                timestamp="2018/4/12"
+                placement="top"
+                v-for="v in updataRecordList"
+                :key="v.id"
+              >
+                <el-card>
+                  <h4>
+                    更新
+                    <p v-for="(item, index) in v.updataList" :key="index">
+                      将“{{ infoKeyNameObj[item.PropertyName] }}”从“{{
+                        item.OldValue
+                      }}”改为“{{ item.NewValue }}”
+                    </p>
+                  </h4>
+                  <p>{{ v.creatorUserId }} 提交于 {{ v.updataTime }}</p>
+                </el-card>
+              </el-timeline-item>
+            </el-timeline>
+          </el-col>
+        </el-col>
+      </el-row>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="visible = false">取消</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getCompanyInfoList, getCompanyInfoById } from "@/api/company";
+import { getSystemTypeList, uploader } from "@/api/common";
+import { getSystemClassSelect } from "@/api/systemClass";
+import { getAreaSelect } from "@/api/area";
+import {
+  addSystem,
+  updataSystem,
+  getSystemDetail,
+  getUpdataRecord,
+} from "@/api/info";
+export default {
+  name: "infoForm",
+  props: {
+    type: {
+      type: String,
+      default: "add",
+    },
+    systemId: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      visible: false,
+      infoForm_loading: false,
+      activeNames: [],
+      infoForm: {
+        companyId: "", // 主体企业
+        systemType: "", // 系统类型
+        systemName: "", // 系统名称
+        systemClass: "", // 系统分类
+        systemRecordNumber: "",
+        recordLicense: "",
+        platform: "",
+        domain: "",
+        systemDownloadVolume: "",
+        version: "",
+        principalName: "",
+        principalPhone: "",
+        officeAddress: "",
+        systemIcon: "",
+        areaId: "",
+      },
+      infoRules: {
+        systemName: {
+          required: true,
+          message: "请输入系统名称",
+          trigger: "blur",
+        },
+        systemClass: {
+          required: true,
+          message: "请输入系统分类",
+          trigger: "change",
+        },
+        systemType: {
+          required: true,
+          message: "请输入系统类型",
+          trigger: "change",
+        },
+        companyId: {
+          required: true,
+          message: "请输入主体企业",
+          trigger: "change",
+        },
+        areaId: {
+          required: true,
+          message: "请输入所属区县",
+          trigger: "change",
+        },
+        pincipalPhone: {
+          pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+          message: "请输入正确的手机号码",
+          trigger: "blur",
+        },
+      },
+      value: "",
+      companyOptions: [],
+      listQuery_company: {
+        pageIndex: 1,
+        pageSize: 10,
+      },
+      total_company: 0,
+      isShowCompanyInfo: false,
+      companyInfo: {},
+      systemTypeOptions: [],
+      systemClassOptions: [],
+      areaOptions: [],
+      updataRecordList: [],
+      infoKeyNameObj: {
+        CompanyId: "主体企业",
+        SystemType: "系统类型",
+        SystemName: "系统名称",
+        SystemClass: "系统分类",
+        SystemRecordNumber: "备案号",
+        RecordLicense: "备案许可证",
+        Platform: "归属平坦",
+        Domain: "域名",
+        SystemDownloadVolume: "下载量",
+        Version: "版本",
+        PrincipalName: "负责人姓名",
+        PrincipalPhone: "负责人电话",
+        OfficeAddress: "办公地址",
+        SystemIcon: "系统图标",
+        AreaId: "所属区县",
+      },
+    };
+  },
+  watch: {},
+  mounted() {},
+  created() {},
+  methods: {
+    // 请求公司列表
+    async initCompanyList() {
+      let { data } = await getCompanyInfoList(this.listQuery_company);
+      this.companyOptions = [...this.companyOptions, ...data.list];
+      this.total_company = data.pagination.total;
+    },
+    // 无限下拉
+    nextCompanyList() {
+      if (total_company == this.listQuery_company.length) return;
+      this.listQuery_company.pageIndex++;
+      this.initCompanyList();
+    },
+    async companyChange(val) {
+      // 公司信息
+      let { data } = await getCompanyInfoById(val);
+      this.companyInfo = data;
+      this.isShowCompanyInfo = true;
+    },
+    // 系统类型
+    async initSystemTypeList() {
+      let { data } = await getSystemTypeList();
+      this.systemTypeOptions = data;
+    },
+    async systemTypeChange(val) {
+      // 系统分类
+      let { data } = await getSystemClassSelect({ systemType: val });
+      this.systemClassOptions = data;
+    },
+    // 文件上传--------------------
+    httpRequest(file) {
+      uploader({
+        type: 1,
+        file: file.file,
+      }).then((res) => {
+        console.log(res, "上传成功");
+      });
+    },
+    // 文件上传--------------------
+
+    async initAreaTypeList() {
+      let { data } = await getAreaSelect();
+      this.areaOptions = data;
+    },
+    reset() {
+      for (let key in this.infoForm) {
+        this.infoForm[key] = undefined;
+      }
+      this.companyOptions = [];
+      this.listQuery_company = {
+        pageIndex: 1,
+        pageSize: 10,
+      };
+      this.total_company = 0;
+      this.companyInfo = {};
+      this.isShowCompanyInfo = false;
+    },
+    close() {
+      this.reset();
+      this.visible = false;
+    },
+    async openDialog() {
+      this.visible = true;
+      this.infoForm_loading = true;
+      await this.initCompanyList();
+      await this.initSystemTypeList();
+      await this.initAreaTypeList();
+      await this.initForm();
+      await this.initUpdataRecord();
+      this.infoForm_loading = false;
+    },
+    async initUpdataRecord() {
+      await getUpdataRecord({
+        id: this.systemId,
+        pageIndex: 1,
+        pageSize: 10,
+      }).then(({ data }) => {
+        data.list.forEach((item) => {
+          let date = new Date(item.creatorTime * 1000);
+          item.updataTime = this.$m(date).format("YYYY-MM-DD HH:mm:ss");
+          item.updataList = JSON.parse(item.content);
+        });
+        this.updataRecordList = data.list;
+        console.log(this.updataRecordList, "更新记录");
+      });
+    },
+    async initForm() {
+      let { data } = await getSystemDetail(this.systemId);
+      this.infoForm = data;
+      this.systemTypeChange(data.systemType);
+      await this.companyChange(data.companyId);
+      this.$forceUpdate();
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.dialog-box {
+  :deep(.el-dialog__body) {
+    height: 60vh;
+    overflow-y: scroll;
+  }
+}
+.company-info {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  background: rgba(187, 187, 187, 0.23);
+  margin-left: 80px;
+  padding: 10px 20px;
+  border-radius: 10px;
+  width: 80%;
+  margin-bottom: 10px;
+  .company-info-items {
+    width: 50%;
+    div {
+      line-height: 20px;
+    }
+  }
+}
+.icom-box {
+  :deep(.avatar-uploader .el-upload) {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    &:hover {
+      border-color: #409eff;
+    }
+    .avatar-uploader-icon {
+      font-size: 28px;
+      color: #8c939d;
+      width: 100px;
+      height: 100px;
+      line-height: 100px;
+      text-align: center;
+    }
+    .avatar {
+      width: 100px;
+      height: 100px;
+      display: block;
+    }
+  }
+}
+</style>
+<template>
+  <div :class="{'hidden':hidden}" class="pagination-container">
+    <el-pagination
+      :background="background"
+      :current-page.sync="currentPage"
+      :page-size.sync="pageSize"
+      :layout="layout"
+      :page-sizes="pageSizes"
+      :pager-count="pagerCount"
+      :total="total"
+      v-bind="$attrs"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+
+<script>
+import { scrollTo } from '@/utils/scroll-to'
+
+export default {
+  name: 'Pagination',
+  props: {
+    total: {
+      required: true,
+      type: Number
+    },
+    page: {
+      type: Number,
+      default: 1
+    },
+    limit: {
+      type: Number,
+      default: 20
+    },
+    pageSizes: {
+      type: Array,
+      default() {
+        return [10, 20, 30, 50]
+      }
+    },
+    // 移动端页码按钮的数量端默认值5
+    pagerCount: {
+      type: Number,
+      default: document.body.clientWidth < 992 ? 5 : 7
+    },
+    layout: {
+      type: String,
+      default: 'total, sizes, prev, pager, next, jumper'
+    },
+    background: {
+      type: Boolean,
+      default: true
+    },
+    autoScroll: {
+      type: Boolean,
+      default: true
+    },
+    hidden: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+    };
+  },
+  computed: {
+    currentPage: {
+      get() {
+        return this.page
+      },
+      set(val) {
+        this.$emit('update:page', val)
+      }
+    },
+    pageSize: {
+      get() {
+        return this.limit
+      },
+      set(val) {
+        this.$emit('update:limit', val)
+      }
+    }
+  },
+  methods: {
+    handleSizeChange(val) {
+      if (this.currentPage * val > this.total) {
+        this.currentPage = 1
+      }
+      this.$emit('pagination', { page: this.currentPage, limit: val })
+      if (this.autoScroll) {
+        scrollTo(0, 800)
+      }
+    },
+    handleCurrentChange(val) {
+      this.$emit('pagination', { page: val, limit: this.pageSize })
+      if (this.autoScroll) {
+        scrollTo(0, 800)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.pagination-container {
+  background: #fff;
+  padding: 32px 16px;
+}
+.pagination-container.hidden {
+  display: none;
+}
+</style>
@@ -2,11 +2,16 @@ import InfoForm from &#39;@/components/InfoForm&#39;
 import CompanyForm from '@/components/CompanyForm'
 import PasswordForm from '@/components/PasswordForm'
 import RegisterForm from '@/components/RegisterForm'
+import InfoEditRecord from '@/components/InfoEditRecord'
+import Pagination from '@/components/Pagination'
+
 export default {
     install(Vue, options) {
       Vue.component('InfoForm', InfoForm)
       Vue.component('CompanyForm', CompanyForm)
       Vue.component('PasswordForm', PasswordForm)
       Vue.component('RegisterForm', RegisterForm)
+      Vue.component('InfoEditRecord', InfoEditRecord)
+      Vue.component('Pagination', Pagination)
     }
   }
 \ No newline at end of file
@@ -7,8 +7,10 @@ import ElementUI from &#39;element-ui&#39;;
 import 'element-ui/lib/theme-chalk/index.css';
 import store from './store'
 import './permission'
+import moment from "moment";
 Vue.config.productionTip = false
+Vue.prototype.$m = moment
 Vue.use(ElementUI);
 // 批量引入组件
 import components from './components'
 import Vue from "vue";
 import VueRouter from "vue-router";
-import Layout from '@/views/HomePage.vue'
+import Layout from '@/views/homePage/HomePage.vue'
 Vue.use(VueRouter);
@@ -17,7 +17,7 @@ const router = new VueRouter({
         {
           path: '/homePage',
           name: 'homePage',
-          component: () => import('@/components/Overview.vue'),
+          component: () => import('@/views/overView/Overview.vue'),
           meta: { title: '首页', icon: 'dashboard', affix: true }
         },
       ]
@@ -30,7 +30,7 @@ const router = new VueRouter({
         {
           path: '/infoList',
           name: 'infoList',
-          component: () => import('@/components/InfoList.vue'),
+          component: () => import('@/views/systemPage/InfoList.vue'),
           meta: { title: '系统', icon: 'dashboard', affix: true }
         },
       ]
 // import auth from '@/plugins/auth'
 import router, { constantRoutes, dynamicRoutes } from '@/router'
 // import { getRouters } from '@/api/menu'
-import Layout from '@/views/HomePage.vue'
+import Layout from '@/views/homePage/HomePage.vue'
 import ParentView from '@/components/ParentView'
 const permission = {
+Math.easeInOutQuad = function(t, b, c, d) {
+  t /= d / 2
+  if (t < 1) {
+    return c / 2 * t * t + b
+  }
+  t--
+  return -c / 2 * (t * (t - 2) - 1) + b
+}
+
+// requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
+var requestAnimFrame = (function() {
+  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60) }
+})()
+
+/**
+ * Because it's so fucking difficult to detect the scrolling element, just move them all
+ * @param {number} amount
+ */
+function move(amount) {
+  document.documentElement.scrollTop = amount
+  document.body.parentNode.scrollTop = amount
+  document.body.scrollTop = amount
+}
+
+function position() {
+  return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop
+}
+
+/**
+ * @param {number} to
+ * @param {number} duration
+ * @param {Function} callback
+ */
+export function scrollTo(to, duration, callback) {
+  const start = position()
+  const change = to - start
+  const increment = 20
+  let currentTime = 0
+  duration = (typeof (duration) === 'undefined') ? 500 : duration
+  var animateScroll = function() {
+    // increment the time
+    currentTime += increment
+    // find the value with the quadratic in-out easing function
+    var val = Math.easeInOutQuad(currentTime, start, change, duration)
+    // move the document.body
+    move(val)
+    // do the animation unless its over
+    if (currentTime < duration) {
+      requestAnimFrame(animateScroll)
+    } else {
+      if (callback && typeof (callback) === 'function') {
+        // the animation is done so lets callback
+        callback()
+      }
+    }
+  }
+  animateScroll()
+}
-<template>
-  <div class="addDialog">
-    <el-form :model="infoForm" size="small" label-width="100px">
-      <el-row :gutter="20">
-        <el-col :span="24">
-          <el-col :span="12">
-            <el-form-item label="主体企业">
-              <el-input
-                v-model="infoForm.name"
-                placeholder="请选择主体企业"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-button
-              type="text"
-              icon="el-icon-circle-plus-outline"
-              size="small"
-              >点击新增企业</el-button
-            >
-          </el-col>
-        </el-col>
-        <el-col :span="24" class="company-info">
-          <el-col :span="12">企业归属：武侯区</el-col>
-          <el-col :span="12">社会信用代码：暂无</el-col>
-          <el-col :span="12">联系人：张三</el-col>
-          <el-col :span="12">联系电话：1358888888</el-col>
-          <el-col :span="12">公司地址：成都市茂业中心操作</el-col>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="系统类型">
-            <el-input
-              v-model="infoForm.name"
-              placeholder="请选择系统类型"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="系统分类">
-            <el-input
-              v-model="infoForm.name"
-              placeholder="请选择系统分类"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="备案号">
-            <el-input
-              v-model="infoForm.name"
-              placeholder="请输入备案号"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="备案许可证">
-            <el-input
-              v-model="infoForm.name"
-              placeholder="请输入备案许可证"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="归属平台">
-            <el-input
-              v-model="infoForm.name"
-              placeholder="请输入归属平台"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="域名">
-            <el-input
-              v-model="infoForm.name"
-              placeholder="请输入域名"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="下载量">
-            <el-input
-              v-model="infoForm.name"
-              placeholder="请输入下载量"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="版本">
-            <el-input
-              v-model="infoForm.name"
-              placeholder="请输入版本"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="负责人姓名">
-            <el-input
-              v-model="infoForm.name"
-              placeholder="请输入负责人姓名"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="负责人电话">
-            <el-input
-              v-model="infoForm.name"
-              placeholder="请输入负责人电话"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="办公地址">
-            <el-input
-              v-model="infoForm.name"
-              placeholder="请输入办公地址"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="系统图标">
-            <el-input
-              v-model="infoForm.name"
-              placeholder="请输入系统图标"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="所属区县">
-            <el-input
-              v-model="infoForm.name"
-              placeholder="请输入所属区县"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <div>
-      <el-button @click="$emit('close')">取 消</el-button>
-      <el-button type="primary" @click="$emit('close')">确 定</el-button>
-    </div>
-  </div>
-</template>
-
-<script>
-import { getCompanyInfoList } from "@/api/company";
-export default {
-  name: "AddDialog",
-  props: [],
-  data() {
-    return {
-      infoForm: {
-        name: "",
-      },
-      value: "",
-      companyOptions: [],
-      options: [{ value: 1, label: "选项1" }],
-      dialogFormVisible: false,
-    };
-  },
-  mounted() {
-    this.getAllCompanyList();
-  },
-  methods: {
-    // 请求公司列表
-    getAllCompanyList() {
-      getCompanyInfoList().then((res) => {
-        console.log(res, '全部公司信息');
-      });
-    },
-  },
-};
-</script>
-
-<style></style>
@@ -57,7 +57,7 @@ r
 </template>
 <script>
-import Header from "@/components/Header";
+import Header from "./components/Header";
 import { navArr } from "@/assets/mockdata/demodata.json";
 export default {
   name: "HomePage",
@@ -44,7 +44,12 @@
                 >
                   <el-button type="primary" size="small">修改</el-button>
                 </infoForm>
-                <el-button type="success" size="small">查看记录</el-button>
+                <InfoEditRecord
+                  style="display: inline-block"
+                  :systemId="scope.row.Id"
+                >
+                  <el-button type="success" size="small">查看记录</el-button>
+                </InfoEditRecord>
               </template>
             </el-table-column>
           </el-table>
@@ -97,7 +102,6 @@ export default {
             ContactPhone: v.compayInfo.ContactPhone,
             Id: v.SysytemInfo.Id,
           };
-          console.log(obj);
           list.push(obj);
         });
         this.infoDataList = list;