样式修改

monkeyhouyi
1 parent 7d4da54c
Showing 13 changed files with 200 additions and 162 deletions
src/assets/images/box-bc.png
src/components/CompanyForm/index.vue
src/components/InfoForm/index.vue
src/views/baseCaseHandling/index.vue
src/views/baseComapnyInfo/Form.vue
src/views/baseComapnyInfo/index.vue
src/views/baseInspectionReport/index.vue
src/views/baseSystemInfo/DetailForm.vue
src/views/baseSystemInfo/InspectForm.vue
src/views/baseSystemInfo/index.vue
src/views/homePage/HomePage.vue
src/views/homePage/components/UserInfoPage.vue
src/views/overView/Overview.vue
@@ -2,11 +2,11 @@
   <div class="companyForm">
     <div class="userSelect-input" @click="openDialog">
       <el-button type="text" icon="el-icon-circle-plus-outline" size="small"
-        >点击新增企业</el-button
+        >点击新增运营主体</el-button
       >
     </div>
     <el-dialog
-      title="新增企业"
+      title="新增运营主体"
       :close-on-click-modal="false"
       :visible.sync="visible"
       lock-scroll
@@ -16,7 +16,7 @@
       :modal-append-to-body="false"
       class="NCC-dialog NCC-dialog_center company-dialog"
     >
-      <el-form ref="elForm" :model="dataForm" size="small" label-width="100px" label-position="right"
+      <el-form ref="elForm" :model="dataForm" size="small" label-width="120px" label-position="right"
 				 :rules="rules" v-lodding="loading">
 				<el-col :span="24" v-if="false">
 					<el-form-item label="主键" prop="id">
@@ -25,7 +25,7 @@
 					</el-form-item>
 				</el-col>
 				<el-col :span="24">
-					<el-form-item label="公司名称" prop="companyName">
+					<el-form-item label="运营主体名称" prop="companyName">
 						<el-input v-model="dataForm.companyName" placeholder="请输入" clearable required
 							:style='{ "width": "100%" }'>
 						</el-input>
@@ -39,13 +39,13 @@
 					</el-form-item>
 				</el-col>
 				<el-col :span="24">
-					<el-form-item label="公司法人" prop="legalPerson">
+					<el-form-item label="运营主体法人" prop="legalPerson">
 						<el-input v-model="dataForm.legalPerson" placeholder="请输入" clearable :style='{ "width": "100%" }'>
 						</el-input>
 					</el-form-item>
 				</el-col>
 				<el-col :span="24">
-					<el-form-item label="公司地址" prop="address">
+					<el-form-item label="运营主体地址" prop="address">
 						<el-input v-model="dataForm.address" placeholder="请输入" clearable :style='{ "width": "100%" }'>
 						</el-input>
 					</el-form-item>
@@ -54,13 +54,13 @@
             <div class="company-info">
               <div class="company-info-items">
                 <div :span="12">
-                  企业归属：{{ companyInfo.areaName || "--" }}
+                  运营主体归属：{{ companyInfo.areaName || "--" }}
                 </div>
                 <div :span="12">
                   联系人：{{ companyInfo.contactUser || "--" }}
                 </div>
                 <div :span="12">
-                  公司地址：{{ companyInfo.address || "--" }}
+                  运营主体地址：{{ companyInfo.address || "--" }}
                 </div>
               </div>
               <div class="company-info-items">
@@ -227,7 +227,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="24" class="icom-box">
-            <el-form-item label="系统图标" prop="systemIcon">
+            <el-form-item label="应用图标" prop="systemIcon">
               <el-upload
                 class="avatar-uploader"
                 action="#"
@@ -60,8 +60,8 @@
               <!-- <el-table-column prop="id" label="主键" align="left" show-overflow-tooltip/> -->
               <el-table-column prop="number" label="档案号" align="left" show-overflow-tooltip/>
               <el-table-column prop="registrationTime" label="登记时间" :formatter="ncc.tableDateFormat" align="left" show-overflow-tooltip/>
-              <el-table-column prop="systemName" label="系统名称" align="left" width="150" show-overflow-tooltip/>
-              <el-table-column prop="registeredEntity" label="主体企业" align="left" show-overflow-tooltip/>
+              <el-table-column prop="systemName" label="应用名称" align="left" width="150" show-overflow-tooltip/>
+              <el-table-column prop="registeredEntity" label="运营主体" align="left" show-overflow-tooltip/>
               <el-table-column label="类别" prop="category" align="left">
                 <template slot-scope="scope">{{ scope.row.category | dynamicTextUP(systemTypeOptions) }}</template>
               </el-table-column>
@@ -2,7 +2,7 @@
 	<el-dialog :title="!dataForm.id ? '新建' : isDetail ? '详情' : '编辑'" :close-on-click-modal="false"
 		:visible.sync="visible" class="NCC-dialog NCC-dialog_center" lock-scroll width="70%" v-loading="loading">
 		<el-row :gutter="15" class="NCC-dialog-content">
-			<el-form ref="elForm" :model="dataForm" size="small" label-width="100px" label-position="right"
+			<el-form ref="elForm" :model="dataForm" size="small" label-width="120px" label-position="right"
 				:disabled="!!isDetail" :rules="rules">
 				<el-col :span="24" v-if="false">
 					<el-form-item label="主键" prop="id">
@@ -11,7 +11,7 @@
 					</el-form-item>
 				</el-col>
 				<el-col :span="24">
-					<el-form-item label="公司名称" prop="companyName">
+					<el-form-item label="运营主体名称" prop="companyName">
 						<el-input v-model="dataForm.companyName" placeholder="请输入" clearable required
 							:style='{ "width": "100%" }'>
 						</el-input>
@@ -25,13 +25,13 @@
 					</el-form-item>
 				</el-col>
 				<el-col :span="24">
-					<el-form-item label="公司法人" prop="legalPerson">
+					<el-form-item label="运营主体法人" prop="legalPerson">
 						<el-input v-model="dataForm.legalPerson" placeholder="请输入" clearable :style='{ "width": "100%" }'>
 						</el-input>
 					</el-form-item>
 				</el-col>
 				<el-col :span="24">
-					<el-form-item label="公司地址" prop="address">
+					<el-form-item label="运营主体地址" prop="address">
 						<el-input v-model="dataForm.address" placeholder="请输入" clearable :style='{ "width": "100%" }'>
 						</el-input>
 					</el-form-item>
@@ -8,105 +8,64 @@
             <el-form @submit.native.prevent size="mini">
               <el-col :span="5">
                 <el-form-item label="">
-                  <el-input
-                    v-model="query.companyName"
-                    placeholder="公司名称"
-                    clearable
-                  />
+                  <el-input v-model="query.companyName" placeholder="运营主体名称" clearable/>
                 </el-form-item>
               </el-col>
               <el-col :span="5">
                 <el-form-item label="">
-                  <el-input
-                    v-model="query.legalPerson"
-                    placeholder="公司法人"
-                    clearable
-                  />
+                  <el-input v-model="query.legalPerson" placeholder="运营主体法人" clearable/>
                 </el-form-item>
               </el-col>
               <el-col :span="5">
                 <el-form-item label="">
-                  <el-input
-                    v-model="query.socialCreditAgency"
-                    placeholder="社会信用代"
-                    clearable
-                  />
+                  <el-input v-model="query.socialCreditAgency" placeholder="社会信用代" clearable/>
                 </el-form-item>
               </el-col>
               <el-col :span="4">
                 <el-form-item>
-                  <el-button
-                    type="primary"
-                    icon="el-icon-search"
-                    @click="search()"
-                    >搜索</el-button
-                  >
+                  <el-button type="primary" icon="el-icon-search" @click="search()">搜索</el-button>
                 </el-form-item>
               </el-col>
             </el-form>
             <div class="NCC-common-search-box-right">
               <el-button type="success" icon="el-icon-plus" @click="addOrUpdateHandle()" size="mini" >新增</el-button>
-              <el-button type="primary" icon="el-icon-download" size="mini" @click="exportData()">导出</el-button>
+              <!-- <el-button type="primary" icon="el-icon-download" size="mini" @click="exportData('demo')">导出模板</el-button>
+              <el-upload
+                class="uploadXlax"
+                :action="define.APIURl + '/api/Extend/basecomapnyinfo/Actions/ImportByExcel'"
+                :headers="uploadHeaders"
+                :on-success="toUpload"
+                :show-file-list="false"
+                name="excelfile"
+                accept="image/*"
+              >
+                <div class="avatar-box">
+                  <el-button type="primary" icon="el-icon-download" size="mini">导入</el-button>
+                </div>
+              </el-upload>
+              <el-button type="primary" icon="el-icon-download" :loading="exportBtnLoading" size="mini" @click="exportData()">导出</el-button> -->
             </div>
           </el-row>
           <div class="NCC-common-layout-main NCC-flex-main">
             <NCC-table v-loading="listLoading" :data="list">
-              <el-table-column prop="id" label="主键" align="left" />
-              <el-table-column
-                prop="companyName"
-                label="公司名称"
-                show-overflow-tooltip
-                align="left"
-              />
-              <el-table-column
-                prop="socialCreditAgency"
-                label="社会信用代"
-                show-overflow-tooltip
-                align="left"
-              />
-              <el-table-column
-                prop="legalPerson"
-                label="公司法人"
-                show-overflow-tooltip
-                align="left"
-              />
+              <!-- <el-table-column prop="id" label="主键" align="left" /> -->
+              <el-table-column prop="companyName" label="运营主体名称" show-overflow-tooltip align="left"/>
+              <el-table-column prop="socialCreditAgency" label="社会信用代" show-overflow-tooltip align="left"/>
+              <el-table-column prop="legalPerson" label="运营主体法人" show-overflow-tooltip align="left"/>
               <el-table-column prop="address" label="公司地址" align="left" />
-              <el-table-column
-                prop="contactInformation"
-                show-overflow-tooltip
-                label="联系方式"
-                align="left"
-              />
+              <el-table-column prop="contactInformation" show-overflow-tooltip label="联系方式" align="left"/>
               <el-table-column label="操作" fixed="right" width="100">
                 <template slot-scope="scope">
-                  <el-button
-                    type="text"
-                    @click="addOrUpdateHandle(scope.row.id)"
-                    >编辑</el-button
-                  >
-                  <el-button
-                    type="text"
-                    @click="handleDel(scope.row.id)"
-                    class="NCC-table-delBtn"
-                    >删除</el-button
-                  >
+                  <el-button type="text" @click="addOrUpdateHandle(scope.row.id)">编辑</el-button>
+                  <el-button type="text" @click="handleDel(scope.row.id)" class="NCC-table-delBtn" >删除</el-button>
                 </template>
               </el-table-column>
             </NCC-table>
-            <pagination
-              :total="total"
-              :page.sync="listQuery.currentPage"
-              :limit.sync="listQuery.pageSize"
-              @pagination="initData"
-            />
+            <pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize" @pagination="initData"/>
           </div>
         </div>
         <NCC-Form v-if="formVisible" ref="NCCForm" @refresh="refresh" />
-        <ExportBox
-          v-if="exportBoxVisible"
-          ref="ExportBox"
-          @download="download"
-        />
+        <ExportBox v-if="exportBoxVisible" ref="ExportBox" @download="download"/>
       </div>
     </div>
   </div>
@@ -119,6 +78,8 @@ import {
 } from "@/api/baseData/company";
 import NCCForm from "./Form";
 import ExportBox from "./ExportBox";
+import request from "@/utils/request";
+import define from '@/utils/define'
 export default {
   components: { NCCForm, ExportBox },
   data() {
@@ -139,8 +100,10 @@ export default {
         sort: "desc",
         sidx: "",
       },
+      exportBtnLoading: false,
       formVisible: false,
       exportBoxVisible: false,
+      uploadHeaders: { Authorization: this.$store.getters.token },
       columnList: [
         { prop: "id", label: "主键" },
         { prop: "companyName", label: "公司名称" },
@@ -198,11 +161,48 @@ export default {
         this.$refs.NCCForm.init(id, isDetail);
       });
     },
-    exportData() {
-      this.exportBoxVisible = true;
-      this.$nextTick(() => {
-        this.$refs.ExportBox.init(this.columnList);
-      });
+    toUpload(response, file, fileList) {
+      console.log(response, file, fileList);
+    },
+    exportData(type) {
+      let obj = {};
+      if(type) {
+        obj = {
+          url: '/Extend/basecomapnyinfo/Actions/GenerateImportTemplate',
+          method: "GET",
+        }
+      } else {
+        let _query = {
+          ...this.query,
+        };
+        let query = {};
+        for (let key in _query) {
+          if (Array.isArray(_query[key])) {
+            query[key] = _query[key].join();
+          } else {
+            query[key] = _query[key];
+          }
+        }
+        obj ={
+          url: '/Extend/basecomapnyinfo/Actions/ImportByExcel',
+          method: "POST",
+          data: query,
+        }
+      };
+      request(obj).then((res) => {
+        console.log(res);
+        const url = define.APIURl + res.data.url;
+        const link = document.createElement("a");
+        link.href = url;
+        link.download = res.data.name;
+        link.click();
+      }).catch(() => this.exportBtnLoading = false);
+    },
+    exportForm(url) {
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = '公司信息模板.xlsx';
+      link.click();
     },
     async download(data) {
       let query = { ...data, ...this.listQuery, ...this.query };
@@ -250,4 +250,8 @@ export default {
 	height: calc(100% - 35px);
   }
 }
+.uploadXlax {
+  display: inline-block;
+  margin: 0 8px;
+}
 </style>
@@ -8,12 +8,12 @@
 				<el-form @submit.native.prevent size="mini">
 					<el-col :span="4">
 						<el-form-item label="">
-							<el-input v-model="query.platformName" placeholder="请输入平台名称" clearable />	
+							<el-input v-model="query.platformName" placeholder="请输入应用名称" clearable />	
 						</el-form-item>
 					</el-col>
 					<el-col :span="4">
 						<el-form-item label="">
-							<el-select v-model="query.platformType" placeholder="请选择平台类型" clearable >
+							<el-select v-model="query.platformType" placeholder="请选择应用类型" clearable >
 								<el-option v-for="(item, index) in systemTypeOptions" :key="index" :label="item.FullName" :value="item.Id"  />
 							</el-select>
 						</el-form-item>
@@ -36,13 +36,11 @@
 			</el-row>
 			<div class="NCC-common-layout-main NCC-flex-main">
                 <NCC-table v-loading="listLoading" :data="list">
-					<el-table-column show-overflow-tooltip prop="platformNameStr" label="系统名称" align="left" />
-					<el-table-column show-overflow-tooltip label="系统类型" prop="platformType" align="left">
+					<el-table-column show-overflow-tooltip prop="platformNameStr" label="应用名称" align="left" />
+					<el-table-column show-overflow-tooltip label="应用类型" prop="platformType" align="left">
 							<template slot-scope="scope">{{ scope.row.platformType | dynamicTextUP(systemTypeOptions) }}</template>
 					</el-table-column>
-					<el-table-column show-overflow-tooltip label="问题类型" prop="questionType" align="left">
-							<template slot-scope="scope">{{ scope.row.questionType | dynamicText(questionTypeOptions) }}</template>
-					</el-table-column>
+					<el-table-column show-overflow-tooltip label="问题类型" prop="questionType" align="left" />
 					<!-- <el-table-column show-overflow-tooltip prop="link" label="有害链接" align="left" /> -->
 					<el-table-column show-overflow-tooltip prop="questionClass" label="关键词" align="left" />
 					<!-- <el-table-column show-overflow-tooltip prop="department" label="部门" align="left" /> -->
@@ -5,21 +5,21 @@
     :visible.sync="visible"
     class="NCC-dialog NCC-dialog_center systemInfoDialog"
     lock-scroll
-    width="40%"
+    width="70%"
   >
     <el-row :gutter="15" style="height: 65vh;" class="NCC-dialog-content" v-loading="loading">
-      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+      <el-tabs class="system-info-tabs" type="border-card" tab-position='top' v-model="activeName" @tab-click="handleClick">
         <el-tab-pane label="应用信息" name="1">
           <div class="system-info" style="overflow:auto;height: calc(65vh - 65px); margin-bottom: -10px;">
             <el-col :span="24">
                 <div class="form-item">
-                    <div class="label w-100">主体企业:</div>
+                    <div class="label w-100">运营主体:</div>
                     {{ dataForm.companyName || "--" }}
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
-                    <div class="label w-100">系统类型:</div>
+                    <div class="label w-100">应用类型:</div>
                     {{ dataForm.systemType | dynamicTextUP(systemTypeOptions) }}
                 </div>
             </el-col>
@@ -56,13 +56,13 @@
             </template>
             <el-col :span="24">
                 <div class="form-item">
-                    <div class="label w-100">系统名称:</div>
+                    <div class="label w-100">应用名称:</div>
                     {{ dataForm.systemName || "--" }}
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
-                    <div class="label w-100">系统分类:</div>
+                    <div class="label w-100">应用分类:</div>
                     {{ dataForm.systemClass | dynamicTextClassName(systemClassOptions) }}
                 </div>
             </el-col>
@@ -116,17 +116,17 @@
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
-                    <div class="label w-100">系统图标:</div>
+                    <div class="label w-100">应用图标:</div>
                     {{ dataForm.systemIcon || "--" }}
                 </div>
             </el-col>
           </div>
         </el-tab-pane>
-        <el-tab-pane label="公司信息" name="2">
+        <el-tab-pane label="运营主体信息" name="2">
           <div class="company-info">
             <el-col :span="24">
                 <div class="form-item">
-                    <div class="label w-100">公司名称:</div>
+                    <div class="label w-100">运营主体名称:</div>
                     {{ companyForm.companyName || "--" }}
                 </div>
             </el-col>
@@ -138,13 +138,13 @@
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
-                    <div class="label w-100">公司法人:</div>
+                    <div class="label w-100">运营主体法人:</div>
                     {{ companyForm.legalPerson || "--" }}
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
-                    <div class="label w-100">公司地址:</div>
+                    <div class="label w-100">运营主体地址:</div>
                     {{ companyForm.address || "--" }}
                 </div>
             </el-col>
@@ -175,17 +175,27 @@
           </div>
         </el-tab-pane>
         <el-tab-pane label="核查处置记录" name="3">
-          <el-table :data="handingList" height="500" border style="width: 100%">
-            <el-table-column show-overflow-tooltip prop="systemNameStr" label="应用"></el-table-column>
-            <el-table-column show-overflow-tooltip prop="registeredEntityStr" label="主体"></el-table-column>
+          <el-table :data="inspectionList" height="500" border style="width: 100%">
+            <el-table-column show-overflow-tooltip prop="platformNameStr" label="应用名称"></el-table-column>
+            <el-table-column show-overflow-tooltip prop="companyStr" label="运营主体"></el-table-column>
+            <el-table-column show-overflow-tooltip label="问题类型" prop="questionType" align="left" />
+            <el-table-column show-overflow-tooltip prop="questionClass" label="关键词"></el-table-column>
           </el-table>
         </el-tab-pane>
         <el-tab-pane label="网信执法记录" name="4">
-          <el-table :data="inspectionList" height="500" border style="width: 100%">
-            <el-table-column show-overflow-tooltip prop="platformNameStr" label="应用"></el-table-column>
-            <el-table-column show-overflow-tooltip prop="companyStr" label="主体"></el-table-column>
-            <el-table-column show-overflow-tooltip prop="questionType" label="问题类型"></el-table-column>
-            <el-table-column show-overflow-tooltip prop="judgmentClass" label="执法类型"></el-table-column>
+          <el-table :data="handingList" height="500" border style="width: 100%">
+            <el-table-column show-overflow-tooltip prop="number" label="档案号"></el-table-column>
+            <el-table-column show-overflow-tooltip prop="registrationTime" label="登记时间" :formatter="ncc.tableDateFormat"></el-table-column>
+            <el-table-column show-overflow-tooltip prop="systemNameStr" label="应用名称"></el-table-column>
+            <el-table-column show-overflow-tooltip prop="registeredEntityStr" label="运营主体"></el-table-column>
+            <el-table-column show-overflow-tooltip prop="illegalReasons" label="违法原因"></el-table-column>
+            <el-table-column show-overflow-tooltip prop="punishmentRequirements" label="处罚要求"></el-table-column>
+            <el-table-column show-overflow-tooltip prop="punishmentContent" label="处罚内容"></el-table-column>
+            <el-table-column label="状态" prop="state" align="left" >
+              <template slot-scope="scope">
+                <el-tag v-if="scope.row.state" :type="ncc.getStateTagType(scope.row.state, stateOptions)">{{ scope.row.state | dynamicTextUP(stateOptions) }}</el-tag>
+              </template>
+            </el-table-column>
           </el-table>
         </el-tab-pane>
         <el-tab-pane label="数据日志" name="5">
@@ -256,11 +266,10 @@ export default {
       // 公司信息
       companyForm: {},
-
-      // 核查处置记录
+      // 网信执法记录
       handingList: [],
-      // 网信执法记录
+      // 核查处置记录
       inspectionList: [],
       // 数据日志
@@ -270,7 +279,9 @@ export default {
         pageSize: 10,
       },
       updataRecordList: [],
-      record_total: ''
+      record_total: '',
+			questionTypeOptions : [],
+      stateOptions: [],
     };
   },
   computed: {
@@ -283,36 +294,37 @@ export default {
   },
   watch: {},
   created() {
+    this.initStateTypeOption();
     this.initSystemTypeList();
   },
   mounted() {},
   methods: {
+    async initStateTypeOption() {
+      let list = this.$store.state.meta.stateTypeList;
+      !list && (list = await this.$store.dispatch('getTypeListByCode', 'stateType'));
+      this.stateOptions = list;
+    },
     init(row) {
       this.visible = true;
-      this.dataForm.id = row.Id;
+      this.dataForm.id = row.id;
       this.activeName = '1'
       this.$nextTick(() => {
         this.initSystemForm(this.dataForm.id, row.companyName)
       });
     },
     handleClick(e) {
-      console.log(e);
-      
         switch (e.index) {
             case '1':
                 // 公司信息
                 this.initCompanyForm();
-                
                 break;
             case '2':
                 // 核查处置记录
-                this.initHandingList(this.dataForm.id);
-                
+                this.initInspectionList(this.dataForm.id);
                 break;
             case '3':
                 // 网信执法记录
-                this.initInspectionList(this.dataForm.id);
-                
+                this.initHandingList(this.dataForm.id);
                 break;
             case '4':
                 // 数据日志
@@ -323,11 +335,9 @@ export default {
                 };
                 this.initInfoRecord();
                 break;
-        
             default:
                 break;
         }
-        
     },
     // 初始化应用信息-----------------------------------------------------------------------------0
@@ -411,11 +421,17 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.system-info-tabs {
+  width: 100%;
+  height: 100%;
+  border-radius: 15px;
+}
 .el-dialog__wrapper.NCC-dialog.NCC-dialog_center.systemInfoDialog {
   :deep(.el-tabs__content) {
-    background: #f5f5f5;
-    border-radius: 10px;
+    //background: #f5f5f5;
+    //border-radius: 10px;
     padding: 10px;
+    margin: 10px;
   }
 }
@@ -30,13 +30,13 @@
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item label="平台名称" prop="platformName">
+          <el-form-item label="应用名称" prop="platformName">
             <el-select
               v-model="dataForm.platformName"
               filterable
               remote
               reserve-keyword
-              placeholder="请输入平台名称"
+              placeholder="请输入应用名称"
               :remote-method="loadList"
               :loading="name_loading">
               <el-option
@@ -49,7 +49,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item label="平台类型" prop="platformType">
+          <el-form-item label="应用类型" prop="platformType">
             <el-radio-group v-model="dataForm.platformType" :style="{}">
               <el-radio
                 v-for="(item, index) in platformTypeOptions"
@@ -280,7 +280,7 @@ export default {
       this.isDetail = isDetail || false;
       this.$nextTick(async () => {
         this.$refs["elForm"].resetFields();
-        this.dataForm.platformName = row.Id;
+        this.dataForm.platformName = row.id;
         this.dataForm.platformType = row.systemType;
         this.dataForm.obtainEvidence = [];
         this.dataForm.annex = [];
@@ -12,7 +12,7 @@
                   <el-input
                     clearable
                     v-model="query.keyword"
-                    placeholder="请输入应用名称、企业名称进行查询"
+                    placeholder="请输入应用名称、运营主体名称进行查询"
                   />
                 </el-form-item>
               </el-col>
@@ -37,7 +37,7 @@
                 <el-form-item label="">
                   <el-select
                     v-model="query.proId"
-                    placeholder="请选择系统分类"
+                    placeholder="请选择应用分类"
                     :disabled="!query.systemType"
                     clearable
                   >
@@ -87,7 +87,7 @@
               <el-table-column
                 show-overflow-tooltip
                 prop="companyName"
-                label="主体企业"
+                label="运营主体名称"
                 align="center"
               />
               <el-table-column
@@ -104,13 +104,13 @@
               </el-table-column>
               <el-table-column
                 show-overflow-tooltip
-                prop="principalName"
+                prop="contactUser"
                 label="联系人"
                 align="center"
               />
               <el-table-column
                 show-overflow-tooltip
-                prop="principalPhone"
+                prop="contactPhone"
                 label="联系电话"
                 align="center"
               />
@@ -120,7 +120,7 @@
               <el-table-column label="操作" width="250">
                 <!-- 查看，修改，归属地变更，上报 -->
                 <template slot-scope="scope">
-                  <infoForm class="btn_dialog" type="edit" :systemId="scope.row.Id" @reInit="search">
+                  <infoForm class="btn_dialog" type="edit" :systemId="scope.row.id" @reInit="search">
                     <el-button size="mini" type="text">修改</el-button>
                   </infoForm>
                   <el-button size="mini" type="text" @click="toDetail(scope.row)">查看</el-button>
@@ -341,8 +341,6 @@ export default {
       });
     },
     toDetail(row) {
-      console.log(row);
-      
       this.DetailFormVisible = true;
       this.$nextTick(() => {
         this.$refs.DetailForm.init(row);
@@ -355,13 +353,6 @@ export default {
         this.$refs.InspectionForm.init(row);
       });
     },
-    // 整改清单
-    toChangeRecord(row) {
-      this.ChangeRecordVisible = true;
-      this.$nextTick(() => {
-        this.$refs.ChangeRecord.init(row);
-      });
-    },
     refresh(isrRefresh) {
       this.InspectionFormVisible = false;
       if (isrRefresh) this.reset();
@@ -371,7 +362,7 @@ export default {
       this.areaDialogLoading = true;
       this.activeAreaId = row.areaId;
       this.areaForm.areaId = row.areaId;
-      this.activeSystemId = row.Id;
+      this.activeSystemId = row.id;
       await this.initAreaTypeList();
       this.areaDialogLoading = false;
     },
@@ -437,7 +428,7 @@ export default {
         type: 'warning'
       }).then(async () => {
         let res = await request({
-          url: `/Extend/basesysteminfo/${row.Id}`,
+          url: `/Extend/basesysteminfo/${row.id}`,
           method: "DELETE",
         });
         this.$message({
@@ -9,7 +9,7 @@
         <div class="search">
           <div class="ipt-box">
             <el-input
-              placeholder="请输入应用名称，企业名称进行查询"
+              placeholder="请输入应用名称，运营主体名称进行查询"
               v-model="searchKeyword"
             ></el-input>
             <el-button
@@ -118,7 +118,7 @@ export default {
       this.$refs["form"].validate(async (valid) => {
         if(valid) {
           request({  
-            url: `/permission/users/${this.user.id}`,
+            url: `/permission/Users/${this.user.id}/UpdateUserInfo`,
             method: 'PUT',
             data: { realName: this.user.realName }
           }).then((res) => {
@@ -3,7 +3,7 @@
     <el-row :gutter="20">
       <el-col :span="16">
         <div class="item-box todo">
-          <div class="item-title">
+          <div class="item-title public-title">
             <div class="left">任务中心</div>
             <div class="right">
               <!-- <el-button type="success" size="mini" style="margin-right: 10px;" v-if="isSHILevel" @click="announceMsg">发布</el-button> -->
@@ -14,7 +14,7 @@
           </div>
           <div class="item-body">
             <template>
-              <el-table :data="taskList" style="width: 100%" stripe v-loading="taskLoading">
+              <el-table :data="taskList" style="width: 100%" stripe v-loading="taskLoading" size="small">
                 <el-table-column type="index" width="40"> </el-table-column>
                 <el-table-column prop="taskTitle" label="任务名称" show-overflow-tooltip/>
                 <el-table-column prop="taskType" label="任务类型" show-overflow-tooltip width="100"/>
@@ -379,8 +379,14 @@ export default {
   .item-box {
     width: 100%;
     border-radius: 10px;
-    background-color: rgba(244, 244, 245, 0.38);
-    margin-bottom: 15px;
+    background-color: rgba(228, 231, 237, 0.23);
+    // margin-bottom: 15px;
+    // border-image-source:url('/src/assets/images/box-bc.png');
+    // border-image-slice:33%;
+    // border-image-width:40px;
+    // border-image-outset:0; 
+    // border-image-repeat:repeat;   
+    overflow: hidden;
     &.todo {
       height: calc(100vh - 160px);
     }
@@ -395,14 +401,37 @@ export default {
       height: calc(100vh - 160px);
       margin-bottom: 0;
     }
+    .public-title {
+      width: calc(100% - 20px);
+      height: 30px;
+      position: relative;
+      top: 0;
+      left: 5px;
+      color: white;
+      padding-left: 16px;
+      line-height: 30px;
+      font-size: 14px;
+      &::before {
+        width: 4px;
+        height: 20px;
+        top: 5px;
+        position: absolute;
+        content: "";
+        background: #2997e4;
+        border-radius: 2px;
+        left: 5px;
+      }
+    }
     .item-title {
       display: flex;
       justify-content: space-between;
       align-items: center;
-      color: rgba(255, 255, 255, 1);
-      font-size: 16px;
-      line-height: 23px;
-      padding: 10px;
+      padding: 0px 15px;
+      margin: 6px 10px;
+      // color: rgba(255, 255, 255, 1);
+      // font-size: 16px;
+      // line-height: 23px;
+      // padding: 10px;
       .el-link.el-link--default {
         color: #fff !important;
       }