diff --git a/mock/system/user.js b/mock/system/user.js
index f3aaad6..43c5f16 100644
--- a/mock/system/user.js
+++ b/mock/system/user.js
@@ -107,6 +107,7 @@
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '告警等级配置', 'num': 0, 'parentId': '1184010804933668866', 'resourceType': '03', 'url': '/alarmLevel' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '告警内容配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/alarmContent' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '项目配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/tenantConfig' },
+    { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700966', 'ismenu': '1', 'levels': 2, 'name': '外观配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/viewsConfig' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '组织权限配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/deptPermission' },
     { 'code': 'digdata_list', 'icon': '', 'id': '1177452534332784642', 'ismenu': '0', 'levels': 2, 'name': '开挖数据列表', 'num': 0, 'parentId': '1138702379389775873', 'resourceType': '04', 'url': '/digdata/list' },
     { 'code': 'well_statics_by_type', 'icon': '', 'id': '1178233559681990658', 'ismenu': '0', 'levels': 2, 'name': '根据井类型统计井数量', 'num': 0, 'parentId': '1275011720930205698', 'resourceType': '04', 'url': '/statics/wellStaticsByType' },

diff --git a/mock/system/user.js b/mock/system/user.js
index f3aaad6..43c5f16 100644
--- a/mock/system/user.js
+++ b/mock/system/user.js
@@ -107,6 +107,7 @@
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '告警等级配置', 'num': 0, 'parentId': '1184010804933668866', 'resourceType': '03', 'url': '/alarmLevel' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '告警内容配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/alarmContent' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '项目配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/tenantConfig' },
+    { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700966', 'ismenu': '1', 'levels': 2, 'name': '外观配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/viewsConfig' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '组织权限配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/deptPermission' },
     { 'code': 'digdata_list', 'icon': '', 'id': '1177452534332784642', 'ismenu': '0', 'levels': 2, 'name': '开挖数据列表', 'num': 0, 'parentId': '1138702379389775873', 'resourceType': '04', 'url': '/digdata/list' },
     { 'code': 'well_statics_by_type', 'icon': '', 'id': '1178233559681990658', 'ismenu': '0', 'levels': 2, 'name': '根据井类型统计井数量', 'num': 0, 'parentId': '1275011720930205698', 'resourceType': '04', 'url': '/statics/wellStaticsByType' },
diff --git a/src/api/systemConfig/mapConfig.js b/src/api/systemConfig/mapConfig.js
new file mode 100644
index 0000000..110dd97
--- /dev/null
+++ b/src/api/systemConfig/mapConfig.js
@@ -0,0 +1,14 @@
+/*
+ * 外观配置配置接口
+*/
+import request from '@/utils/request'
+
+// 添加项目配置
+export function mapTypeSelect(params) {
+  return request({
+    url: 'mapType/select',
+    method: 'post',
+    params
+  })
+}
+

diff --git a/mock/system/user.js b/mock/system/user.js
index f3aaad6..43c5f16 100644
--- a/mock/system/user.js
+++ b/mock/system/user.js
@@ -107,6 +107,7 @@
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '告警等级配置', 'num': 0, 'parentId': '1184010804933668866', 'resourceType': '03', 'url': '/alarmLevel' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '告警内容配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/alarmContent' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '项目配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/tenantConfig' },
+    { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700966', 'ismenu': '1', 'levels': 2, 'name': '外观配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/viewsConfig' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '组织权限配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/deptPermission' },
     { 'code': 'digdata_list', 'icon': '', 'id': '1177452534332784642', 'ismenu': '0', 'levels': 2, 'name': '开挖数据列表', 'num': 0, 'parentId': '1138702379389775873', 'resourceType': '04', 'url': '/digdata/list' },
     { 'code': 'well_statics_by_type', 'icon': '', 'id': '1178233559681990658', 'ismenu': '0', 'levels': 2, 'name': '根据井类型统计井数量', 'num': 0, 'parentId': '1275011720930205698', 'resourceType': '04', 'url': '/statics/wellStaticsByType' },
diff --git a/src/api/systemConfig/mapConfig.js b/src/api/systemConfig/mapConfig.js
new file mode 100644
index 0000000..110dd97
--- /dev/null
+++ b/src/api/systemConfig/mapConfig.js
@@ -0,0 +1,14 @@
+/*
+ * 外观配置配置接口
+*/
+import request from '@/utils/request'
+
+// 添加项目配置
+export function mapTypeSelect(params) {
+  return request({
+    url: 'mapType/select',
+    method: 'post',
+    params
+  })
+}
+
diff --git a/src/router/modules/config.js b/src/router/modules/config.js
index 2dd9311..31a7f6c 100644
--- a/src/router/modules/config.js
+++ b/src/router/modules/config.js
@@ -13,6 +13,18 @@
   },
   children: [
     {
+      path: '/tenantConfig',
+      name: 'TenantConfig',
+      component: () => import('@/views/systemConfig/tenantConfig/tenantConfig'),
+      meta: { title: '项目配置', icon: 'function', permission: ['/tenantConfig'] }
+    },
+    {
+      path: '/viewsConfig',
+      name: 'ViewsConfig',
+      component: () => import('@/views/systemConfig//viewsConfig/viewsConfig'),
+      meta: { title: '外观配置', icon: 'function', permission: ['/viewsConfig'] }
+    },
+    {
       path: '/responsibleUser',
       name: 'ResponsibleUser',
       component: () => import('@/views/systemConfig/responsibleUser/listResponsibleUser'),
@@ -25,12 +37,6 @@
       meta: { title: '告警等级配置', icon: 'function', permission: ['/alarmLevel'] }
     },
     {
-      path: '/tenantConfig',
-      name: 'TenantConfig',
-      component: () => import('@/views/systemConfig/tenantConfig/tenantConfig'),
-      meta: { title: '项目配置', icon: 'function', permission: ['/tenantConfig'] }
-    },
-    {
       path: '/alarmContent',
       name: 'AlarmContent',
       component: () => import('@/views/systemConfig/alarmContent/listContent'),

diff --git a/mock/system/user.js b/mock/system/user.js
index f3aaad6..43c5f16 100644
--- a/mock/system/user.js
+++ b/mock/system/user.js
@@ -107,6 +107,7 @@
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '告警等级配置', 'num': 0, 'parentId': '1184010804933668866', 'resourceType': '03', 'url': '/alarmLevel' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '告警内容配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/alarmContent' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '项目配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/tenantConfig' },
+    { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700966', 'ismenu': '1', 'levels': 2, 'name': '外观配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/viewsConfig' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '组织权限配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/deptPermission' },
     { 'code': 'digdata_list', 'icon': '', 'id': '1177452534332784642', 'ismenu': '0', 'levels': 2, 'name': '开挖数据列表', 'num': 0, 'parentId': '1138702379389775873', 'resourceType': '04', 'url': '/digdata/list' },
     { 'code': 'well_statics_by_type', 'icon': '', 'id': '1178233559681990658', 'ismenu': '0', 'levels': 2, 'name': '根据井类型统计井数量', 'num': 0, 'parentId': '1275011720930205698', 'resourceType': '04', 'url': '/statics/wellStaticsByType' },
diff --git a/src/api/systemConfig/mapConfig.js b/src/api/systemConfig/mapConfig.js
new file mode 100644
index 0000000..110dd97
--- /dev/null
+++ b/src/api/systemConfig/mapConfig.js
@@ -0,0 +1,14 @@
+/*
+ * 外观配置配置接口
+*/
+import request from '@/utils/request'
+
+// 添加项目配置
+export function mapTypeSelect(params) {
+  return request({
+    url: 'mapType/select',
+    method: 'post',
+    params
+  })
+}
+
diff --git a/src/router/modules/config.js b/src/router/modules/config.js
index 2dd9311..31a7f6c 100644
--- a/src/router/modules/config.js
+++ b/src/router/modules/config.js
@@ -13,6 +13,18 @@
   },
   children: [
     {
+      path: '/tenantConfig',
+      name: 'TenantConfig',
+      component: () => import('@/views/systemConfig/tenantConfig/tenantConfig'),
+      meta: { title: '项目配置', icon: 'function', permission: ['/tenantConfig'] }
+    },
+    {
+      path: '/viewsConfig',
+      name: 'ViewsConfig',
+      component: () => import('@/views/systemConfig//viewsConfig/viewsConfig'),
+      meta: { title: '外观配置', icon: 'function', permission: ['/viewsConfig'] }
+    },
+    {
       path: '/responsibleUser',
       name: 'ResponsibleUser',
       component: () => import('@/views/systemConfig/responsibleUser/listResponsibleUser'),
@@ -25,12 +37,6 @@
       meta: { title: '告警等级配置', icon: 'function', permission: ['/alarmLevel'] }
     },
     {
-      path: '/tenantConfig',
-      name: 'TenantConfig',
-      component: () => import('@/views/systemConfig/tenantConfig/tenantConfig'),
-      meta: { title: '项目配置', icon: 'function', permission: ['/tenantConfig'] }
-    },
-    {
       path: '/alarmContent',
       name: 'AlarmContent',
       component: () => import('@/views/systemConfig/alarmContent/listContent'),
diff --git a/src/views/deviceManage/components/listLiquidGasData.vue b/src/views/deviceManage/components/listLiquidGasData.vue
index c7d5adb..8902be4 100644
--- a/src/views/deviceManage/components/listLiquidGasData.vue
+++ b/src/views/deviceManage/components/listLiquidGasData.vue
@@ -187,7 +187,7 @@
         }
         this.columns = [
           {
-            text: '液位值',
+            text: '燃气浓度',
             value: 'strength',
             align: 'center'
           },

diff --git a/mock/system/user.js b/mock/system/user.js
index f3aaad6..43c5f16 100644
--- a/mock/system/user.js
+++ b/mock/system/user.js
@@ -107,6 +107,7 @@
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '告警等级配置', 'num': 0, 'parentId': '1184010804933668866', 'resourceType': '03', 'url': '/alarmLevel' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '告警内容配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/alarmContent' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '项目配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/tenantConfig' },
+    { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700966', 'ismenu': '1', 'levels': 2, 'name': '外观配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/viewsConfig' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '组织权限配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/deptPermission' },
     { 'code': 'digdata_list', 'icon': '', 'id': '1177452534332784642', 'ismenu': '0', 'levels': 2, 'name': '开挖数据列表', 'num': 0, 'parentId': '1138702379389775873', 'resourceType': '04', 'url': '/digdata/list' },
     { 'code': 'well_statics_by_type', 'icon': '', 'id': '1178233559681990658', 'ismenu': '0', 'levels': 2, 'name': '根据井类型统计井数量', 'num': 0, 'parentId': '1275011720930205698', 'resourceType': '04', 'url': '/statics/wellStaticsByType' },
diff --git a/src/api/systemConfig/mapConfig.js b/src/api/systemConfig/mapConfig.js
new file mode 100644
index 0000000..110dd97
--- /dev/null
+++ b/src/api/systemConfig/mapConfig.js
@@ -0,0 +1,14 @@
+/*
+ * 外观配置配置接口
+*/
+import request from '@/utils/request'
+
+// 添加项目配置
+export function mapTypeSelect(params) {
+  return request({
+    url: 'mapType/select',
+    method: 'post',
+    params
+  })
+}
+
diff --git a/src/router/modules/config.js b/src/router/modules/config.js
index 2dd9311..31a7f6c 100644
--- a/src/router/modules/config.js
+++ b/src/router/modules/config.js
@@ -13,6 +13,18 @@
   },
   children: [
     {
+      path: '/tenantConfig',
+      name: 'TenantConfig',
+      component: () => import('@/views/systemConfig/tenantConfig/tenantConfig'),
+      meta: { title: '项目配置', icon: 'function', permission: ['/tenantConfig'] }
+    },
+    {
+      path: '/viewsConfig',
+      name: 'ViewsConfig',
+      component: () => import('@/views/systemConfig//viewsConfig/viewsConfig'),
+      meta: { title: '外观配置', icon: 'function', permission: ['/viewsConfig'] }
+    },
+    {
       path: '/responsibleUser',
       name: 'ResponsibleUser',
       component: () => import('@/views/systemConfig/responsibleUser/listResponsibleUser'),
@@ -25,12 +37,6 @@
       meta: { title: '告警等级配置', icon: 'function', permission: ['/alarmLevel'] }
     },
     {
-      path: '/tenantConfig',
-      name: 'TenantConfig',
-      component: () => import('@/views/systemConfig/tenantConfig/tenantConfig'),
-      meta: { title: '项目配置', icon: 'function', permission: ['/tenantConfig'] }
-    },
-    {
       path: '/alarmContent',
       name: 'AlarmContent',
       component: () => import('@/views/systemConfig/alarmContent/listContent'),
diff --git a/src/views/deviceManage/components/listLiquidGasData.vue b/src/views/deviceManage/components/listLiquidGasData.vue
index c7d5adb..8902be4 100644
--- a/src/views/deviceManage/components/listLiquidGasData.vue
+++ b/src/views/deviceManage/components/listLiquidGasData.vue
@@ -187,7 +187,7 @@
         }
         this.columns = [
           {
-            text: '液位值',
+            text: '燃气浓度',
             value: 'strength',
             align: 'center'
           },
diff --git a/src/views/systemConfig/viewsConfig/components/viewAppConfig.vue b/src/views/systemConfig/viewsConfig/components/viewAppConfig.vue
new file mode 100644
index 0000000..7c23fc1
--- /dev/null
+++ b/src/views/systemConfig/viewsConfig/components/viewAppConfig.vue
@@ -0,0 +1,195 @@
+<template>
+  <el-row>
+    <el-col>
+      <el-col>
+        <el-col>浏览器页签</el-col>
+        <el-col :span="3" class="secondTitle">
+          页面logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList1"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>标题</el-col>
+        <el-col :span="3" class="secondTitle">
+          系统logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList2"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col :span="3" class="secondTitle">
+          标题文字：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-input
+            v-model="titleText"
+            size="small"
+            clearable
+            placeholder="智能窨井管理系统"
+          />
+        </el-col>
+        <el-col :span="6" class="thirdTitle">
+          <el-button v-if="editShow" size="small" @click="editShow=false">
+            修改
+          </el-button>
+          <el-button v-if="!editShow" size="small" @click="editShow=true">
+            保存
+          </el-button>
+          <el-button v-if="!editShow" size="small" @click="editShow=true">
+            取消
+          </el-button>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>登录页</el-col>
+        <el-col :span="3" class="secondTitle">
+          登录页logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList3"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col :span="3" class="secondTitle">
+          登录页文字：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-input
+            v-model="logtitleText"
+            size="small"
+            clearable
+            placeholder="智能窨井管理系统"
+          />
+        </el-col>
+        <el-col :span="6" class="thirdTitle">
+          <el-button v-if="logeditShow" size="small" @click="logeditShow=false">
+            修改
+          </el-button>
+          <el-button v-if="!logeditShow" size="small" @click="logeditShow=true">
+            保存
+          </el-button>
+          <el-button v-if="!logeditShow" size="small" @click="logeditShow=true">
+            取消
+          </el-button>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>地图</el-col>
+        <el-col :span="3" class="secondTitle">
+          采用地图：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-select
+            v-model="mapType"
+            size="small"
+            placeholder="请选择地图类型"
+            @change="mapChange"
+          >
+            <el-option
+              v-for="item in mapTypeList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-col>
+        <el-col v-if="maptypeShow" :span="4" class="thirdTitle">
+          <el-input v-model="mapAddress" size="small" placeholder="请输入地图地址" />
+        </el-col>
+        <el-col v-if="maptypeShow" :span="6" class="thirdTitle">
+          <el-button size="small" @click="maptypeShow = false">
+            确定
+          </el-button>
+        </el-col>
+      </el-col>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+export default {
+  name: 'ViewPcConfig',
+  data() {
+    return {
+      titleText: '',
+      logtitleText: '',
+      mapAddress: '',
+      editShow: true,
+      logeditShow: true,
+      maptypeShow: false,
+      mapType: '0',
+      fileList1: [],
+      fileList2: [],
+      fileList3: [],
+      mapTypeList: [
+        {
+          label: '百度地图',
+          value: '0'
+        },
+        {
+          label: '高度地图',
+          value: '1'
+        },
+        {
+          label: '其他地图',
+          value: '2'
+        }
+      ]
+    }
+  },
+  methods: {
+    mapChange(val) {
+      if (val === '2') {
+        this.maptypeShow = true
+      } else {
+        this.maptypeShow = false
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.secondTitle {
+  margin: 20px;
+}
+.thirdTitle {
+  margin: 14px 20px;
+}
+</style>

diff --git a/mock/system/user.js b/mock/system/user.js
index f3aaad6..43c5f16 100644
--- a/mock/system/user.js
+++ b/mock/system/user.js
@@ -107,6 +107,7 @@
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '告警等级配置', 'num': 0, 'parentId': '1184010804933668866', 'resourceType': '03', 'url': '/alarmLevel' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '告警内容配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/alarmContent' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '项目配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/tenantConfig' },
+    { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700966', 'ismenu': '1', 'levels': 2, 'name': '外观配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/viewsConfig' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '组织权限配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/deptPermission' },
     { 'code': 'digdata_list', 'icon': '', 'id': '1177452534332784642', 'ismenu': '0', 'levels': 2, 'name': '开挖数据列表', 'num': 0, 'parentId': '1138702379389775873', 'resourceType': '04', 'url': '/digdata/list' },
     { 'code': 'well_statics_by_type', 'icon': '', 'id': '1178233559681990658', 'ismenu': '0', 'levels': 2, 'name': '根据井类型统计井数量', 'num': 0, 'parentId': '1275011720930205698', 'resourceType': '04', 'url': '/statics/wellStaticsByType' },
diff --git a/src/api/systemConfig/mapConfig.js b/src/api/systemConfig/mapConfig.js
new file mode 100644
index 0000000..110dd97
--- /dev/null
+++ b/src/api/systemConfig/mapConfig.js
@@ -0,0 +1,14 @@
+/*
+ * 外观配置配置接口
+*/
+import request from '@/utils/request'
+
+// 添加项目配置
+export function mapTypeSelect(params) {
+  return request({
+    url: 'mapType/select',
+    method: 'post',
+    params
+  })
+}
+
diff --git a/src/router/modules/config.js b/src/router/modules/config.js
index 2dd9311..31a7f6c 100644
--- a/src/router/modules/config.js
+++ b/src/router/modules/config.js
@@ -13,6 +13,18 @@
   },
   children: [
     {
+      path: '/tenantConfig',
+      name: 'TenantConfig',
+      component: () => import('@/views/systemConfig/tenantConfig/tenantConfig'),
+      meta: { title: '项目配置', icon: 'function', permission: ['/tenantConfig'] }
+    },
+    {
+      path: '/viewsConfig',
+      name: 'ViewsConfig',
+      component: () => import('@/views/systemConfig//viewsConfig/viewsConfig'),
+      meta: { title: '外观配置', icon: 'function', permission: ['/viewsConfig'] }
+    },
+    {
       path: '/responsibleUser',
       name: 'ResponsibleUser',
       component: () => import('@/views/systemConfig/responsibleUser/listResponsibleUser'),
@@ -25,12 +37,6 @@
       meta: { title: '告警等级配置', icon: 'function', permission: ['/alarmLevel'] }
     },
     {
-      path: '/tenantConfig',
-      name: 'TenantConfig',
-      component: () => import('@/views/systemConfig/tenantConfig/tenantConfig'),
-      meta: { title: '项目配置', icon: 'function', permission: ['/tenantConfig'] }
-    },
-    {
       path: '/alarmContent',
       name: 'AlarmContent',
       component: () => import('@/views/systemConfig/alarmContent/listContent'),
diff --git a/src/views/deviceManage/components/listLiquidGasData.vue b/src/views/deviceManage/components/listLiquidGasData.vue
index c7d5adb..8902be4 100644
--- a/src/views/deviceManage/components/listLiquidGasData.vue
+++ b/src/views/deviceManage/components/listLiquidGasData.vue
@@ -187,7 +187,7 @@
         }
         this.columns = [
           {
-            text: '液位值',
+            text: '燃气浓度',
             value: 'strength',
             align: 'center'
           },
diff --git a/src/views/systemConfig/viewsConfig/components/viewAppConfig.vue b/src/views/systemConfig/viewsConfig/components/viewAppConfig.vue
new file mode 100644
index 0000000..7c23fc1
--- /dev/null
+++ b/src/views/systemConfig/viewsConfig/components/viewAppConfig.vue
@@ -0,0 +1,195 @@
+<template>
+  <el-row>
+    <el-col>
+      <el-col>
+        <el-col>浏览器页签</el-col>
+        <el-col :span="3" class="secondTitle">
+          页面logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList1"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>标题</el-col>
+        <el-col :span="3" class="secondTitle">
+          系统logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList2"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col :span="3" class="secondTitle">
+          标题文字：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-input
+            v-model="titleText"
+            size="small"
+            clearable
+            placeholder="智能窨井管理系统"
+          />
+        </el-col>
+        <el-col :span="6" class="thirdTitle">
+          <el-button v-if="editShow" size="small" @click="editShow=false">
+            修改
+          </el-button>
+          <el-button v-if="!editShow" size="small" @click="editShow=true">
+            保存
+          </el-button>
+          <el-button v-if="!editShow" size="small" @click="editShow=true">
+            取消
+          </el-button>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>登录页</el-col>
+        <el-col :span="3" class="secondTitle">
+          登录页logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList3"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col :span="3" class="secondTitle">
+          登录页文字：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-input
+            v-model="logtitleText"
+            size="small"
+            clearable
+            placeholder="智能窨井管理系统"
+          />
+        </el-col>
+        <el-col :span="6" class="thirdTitle">
+          <el-button v-if="logeditShow" size="small" @click="logeditShow=false">
+            修改
+          </el-button>
+          <el-button v-if="!logeditShow" size="small" @click="logeditShow=true">
+            保存
+          </el-button>
+          <el-button v-if="!logeditShow" size="small" @click="logeditShow=true">
+            取消
+          </el-button>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>地图</el-col>
+        <el-col :span="3" class="secondTitle">
+          采用地图：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-select
+            v-model="mapType"
+            size="small"
+            placeholder="请选择地图类型"
+            @change="mapChange"
+          >
+            <el-option
+              v-for="item in mapTypeList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-col>
+        <el-col v-if="maptypeShow" :span="4" class="thirdTitle">
+          <el-input v-model="mapAddress" size="small" placeholder="请输入地图地址" />
+        </el-col>
+        <el-col v-if="maptypeShow" :span="6" class="thirdTitle">
+          <el-button size="small" @click="maptypeShow = false">
+            确定
+          </el-button>
+        </el-col>
+      </el-col>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+export default {
+  name: 'ViewPcConfig',
+  data() {
+    return {
+      titleText: '',
+      logtitleText: '',
+      mapAddress: '',
+      editShow: true,
+      logeditShow: true,
+      maptypeShow: false,
+      mapType: '0',
+      fileList1: [],
+      fileList2: [],
+      fileList3: [],
+      mapTypeList: [
+        {
+          label: '百度地图',
+          value: '0'
+        },
+        {
+          label: '高度地图',
+          value: '1'
+        },
+        {
+          label: '其他地图',
+          value: '2'
+        }
+      ]
+    }
+  },
+  methods: {
+    mapChange(val) {
+      if (val === '2') {
+        this.maptypeShow = true
+      } else {
+        this.maptypeShow = false
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.secondTitle {
+  margin: 20px;
+}
+.thirdTitle {
+  margin: 14px 20px;
+}
+</style>
diff --git a/src/views/systemConfig/viewsConfig/components/viewPcConfig.vue b/src/views/systemConfig/viewsConfig/components/viewPcConfig.vue
new file mode 100644
index 0000000..68a45ba
--- /dev/null
+++ b/src/views/systemConfig/viewsConfig/components/viewPcConfig.vue
@@ -0,0 +1,204 @@
+<template>
+  <el-row>
+    <el-col>
+      <el-col>
+        <el-col>浏览器页签</el-col>
+        <el-col :span="3" class="secondTitle">
+          页面logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList1"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>标题</el-col>
+        <el-col :span="3" class="secondTitle">
+          系统logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList2"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col :span="3" class="secondTitle">
+          标题文字：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-input
+            v-model="titleText"
+            size="small"
+            clearable
+            placeholder="智能窨井管理系统"
+          />
+        </el-col>
+        <el-col :span="6" class="thirdTitle">
+          <el-button v-if="editShow" size="small" @click="editShow=false">
+            修改
+          </el-button>
+          <el-button v-if="!editShow" size="small" @click="editShow=true">
+            保存
+          </el-button>
+          <el-button v-if="!editShow" size="small" @click="editShow=true">
+            取消
+          </el-button>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>登录页</el-col>
+        <el-col :span="3" class="secondTitle">
+          登录页logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList3"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col :span="3" class="secondTitle">
+          登录页文字：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-input
+            v-model="logtitleText"
+            size="small"
+            clearable
+            placeholder="智能窨井管理系统"
+          />
+        </el-col>
+        <el-col :span="6" class="thirdTitle">
+          <el-button v-if="logeditShow" size="small" @click="logeditShow=false">
+            修改
+          </el-button>
+          <el-button v-if="!logeditShow" size="small" @click="logeditShow=true">
+            保存
+          </el-button>
+          <el-button v-if="!logeditShow" size="small" @click="logeditShow=true">
+            取消
+          </el-button>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>地图</el-col>
+        <el-col :span="3" class="secondTitle">
+          采用地图：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-select
+            v-model="listQuery.mapType"
+            size="small"
+            placeholder="请选择地图类型"
+            @change="mapChange"
+          >
+            <el-option
+              v-for="item in mapTypeList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-col>
+        <el-col v-if="maptypeShow" :span="4" class="thirdTitle">
+          <el-input v-model="listQuery.mapAddress" size="small" placeholder="请输入地图地址" />
+        </el-col>
+        <el-col :span="6" class="thirdTitle">
+          <el-button size="small" @click="buttonClick">
+            确定
+          </el-button>
+        </el-col>
+      </el-col>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import { mapTypeSelect } from '@/api/systemConfig/mapConfig'
+export default {
+  name: 'ViewPcConfig',
+  data() {
+    return {
+      listQuery: {
+        mapType: '0',
+        mapAddress: ''
+      },
+      titleText: '',
+      logtitleText: '',
+      editShow: true,
+      logeditShow: true,
+      maptypeShow: false,
+      fileList1: [],
+      fileList2: [],
+      fileList3: [],
+      mapTypeList: [
+        {
+          label: '百度地图',
+          value: '0'
+        },
+        {
+          label: '高度地图',
+          value: '1'
+        },
+        {
+          label: '其他地图',
+          value: '2'
+        }
+      ]
+    }
+  },
+  methods: {
+    buttonClick() {
+      mapTypeSelect(this.listQuery).then(response => {
+        console.log(response)
+      })
+    },
+    mapChange(val) {
+      this.listQuery.mapAddress = ''
+      if (val === '2') {
+        this.maptypeShow = true
+      } else {
+        this.maptypeShow = false
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.secondTitle {
+  margin: 20px;
+}
+.thirdTitle {
+  margin: 14px 20px;
+}
+</style>

diff --git a/mock/system/user.js b/mock/system/user.js
index f3aaad6..43c5f16 100644
--- a/mock/system/user.js
+++ b/mock/system/user.js
@@ -107,6 +107,7 @@
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '告警等级配置', 'num': 0, 'parentId': '1184010804933668866', 'resourceType': '03', 'url': '/alarmLevel' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '告警内容配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/alarmContent' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '项目配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/tenantConfig' },
+    { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700966', 'ismenu': '1', 'levels': 2, 'name': '外观配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/viewsConfig' },
     { 'code': 'alarm_level', 'icon': '', 'id': '1184011664241700866', 'ismenu': '1', 'levels': 2, 'name': '组织权限配置', 'num': 0, 'parentId': '1184010804933668867', 'resourceType': '03', 'url': '/deptPermission' },
     { 'code': 'digdata_list', 'icon': '', 'id': '1177452534332784642', 'ismenu': '0', 'levels': 2, 'name': '开挖数据列表', 'num': 0, 'parentId': '1138702379389775873', 'resourceType': '04', 'url': '/digdata/list' },
     { 'code': 'well_statics_by_type', 'icon': '', 'id': '1178233559681990658', 'ismenu': '0', 'levels': 2, 'name': '根据井类型统计井数量', 'num': 0, 'parentId': '1275011720930205698', 'resourceType': '04', 'url': '/statics/wellStaticsByType' },
diff --git a/src/api/systemConfig/mapConfig.js b/src/api/systemConfig/mapConfig.js
new file mode 100644
index 0000000..110dd97
--- /dev/null
+++ b/src/api/systemConfig/mapConfig.js
@@ -0,0 +1,14 @@
+/*
+ * 外观配置配置接口
+*/
+import request from '@/utils/request'
+
+// 添加项目配置
+export function mapTypeSelect(params) {
+  return request({
+    url: 'mapType/select',
+    method: 'post',
+    params
+  })
+}
+
diff --git a/src/router/modules/config.js b/src/router/modules/config.js
index 2dd9311..31a7f6c 100644
--- a/src/router/modules/config.js
+++ b/src/router/modules/config.js
@@ -13,6 +13,18 @@
   },
   children: [
     {
+      path: '/tenantConfig',
+      name: 'TenantConfig',
+      component: () => import('@/views/systemConfig/tenantConfig/tenantConfig'),
+      meta: { title: '项目配置', icon: 'function', permission: ['/tenantConfig'] }
+    },
+    {
+      path: '/viewsConfig',
+      name: 'ViewsConfig',
+      component: () => import('@/views/systemConfig//viewsConfig/viewsConfig'),
+      meta: { title: '外观配置', icon: 'function', permission: ['/viewsConfig'] }
+    },
+    {
       path: '/responsibleUser',
       name: 'ResponsibleUser',
       component: () => import('@/views/systemConfig/responsibleUser/listResponsibleUser'),
@@ -25,12 +37,6 @@
       meta: { title: '告警等级配置', icon: 'function', permission: ['/alarmLevel'] }
     },
     {
-      path: '/tenantConfig',
-      name: 'TenantConfig',
-      component: () => import('@/views/systemConfig/tenantConfig/tenantConfig'),
-      meta: { title: '项目配置', icon: 'function', permission: ['/tenantConfig'] }
-    },
-    {
       path: '/alarmContent',
       name: 'AlarmContent',
       component: () => import('@/views/systemConfig/alarmContent/listContent'),
diff --git a/src/views/deviceManage/components/listLiquidGasData.vue b/src/views/deviceManage/components/listLiquidGasData.vue
index c7d5adb..8902be4 100644
--- a/src/views/deviceManage/components/listLiquidGasData.vue
+++ b/src/views/deviceManage/components/listLiquidGasData.vue
@@ -187,7 +187,7 @@
         }
         this.columns = [
           {
-            text: '液位值',
+            text: '燃气浓度',
             value: 'strength',
             align: 'center'
           },
diff --git a/src/views/systemConfig/viewsConfig/components/viewAppConfig.vue b/src/views/systemConfig/viewsConfig/components/viewAppConfig.vue
new file mode 100644
index 0000000..7c23fc1
--- /dev/null
+++ b/src/views/systemConfig/viewsConfig/components/viewAppConfig.vue
@@ -0,0 +1,195 @@
+<template>
+  <el-row>
+    <el-col>
+      <el-col>
+        <el-col>浏览器页签</el-col>
+        <el-col :span="3" class="secondTitle">
+          页面logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList1"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>标题</el-col>
+        <el-col :span="3" class="secondTitle">
+          系统logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList2"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col :span="3" class="secondTitle">
+          标题文字：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-input
+            v-model="titleText"
+            size="small"
+            clearable
+            placeholder="智能窨井管理系统"
+          />
+        </el-col>
+        <el-col :span="6" class="thirdTitle">
+          <el-button v-if="editShow" size="small" @click="editShow=false">
+            修改
+          </el-button>
+          <el-button v-if="!editShow" size="small" @click="editShow=true">
+            保存
+          </el-button>
+          <el-button v-if="!editShow" size="small" @click="editShow=true">
+            取消
+          </el-button>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>登录页</el-col>
+        <el-col :span="3" class="secondTitle">
+          登录页logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList3"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col :span="3" class="secondTitle">
+          登录页文字：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-input
+            v-model="logtitleText"
+            size="small"
+            clearable
+            placeholder="智能窨井管理系统"
+          />
+        </el-col>
+        <el-col :span="6" class="thirdTitle">
+          <el-button v-if="logeditShow" size="small" @click="logeditShow=false">
+            修改
+          </el-button>
+          <el-button v-if="!logeditShow" size="small" @click="logeditShow=true">
+            保存
+          </el-button>
+          <el-button v-if="!logeditShow" size="small" @click="logeditShow=true">
+            取消
+          </el-button>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>地图</el-col>
+        <el-col :span="3" class="secondTitle">
+          采用地图：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-select
+            v-model="mapType"
+            size="small"
+            placeholder="请选择地图类型"
+            @change="mapChange"
+          >
+            <el-option
+              v-for="item in mapTypeList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-col>
+        <el-col v-if="maptypeShow" :span="4" class="thirdTitle">
+          <el-input v-model="mapAddress" size="small" placeholder="请输入地图地址" />
+        </el-col>
+        <el-col v-if="maptypeShow" :span="6" class="thirdTitle">
+          <el-button size="small" @click="maptypeShow = false">
+            确定
+          </el-button>
+        </el-col>
+      </el-col>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+export default {
+  name: 'ViewPcConfig',
+  data() {
+    return {
+      titleText: '',
+      logtitleText: '',
+      mapAddress: '',
+      editShow: true,
+      logeditShow: true,
+      maptypeShow: false,
+      mapType: '0',
+      fileList1: [],
+      fileList2: [],
+      fileList3: [],
+      mapTypeList: [
+        {
+          label: '百度地图',
+          value: '0'
+        },
+        {
+          label: '高度地图',
+          value: '1'
+        },
+        {
+          label: '其他地图',
+          value: '2'
+        }
+      ]
+    }
+  },
+  methods: {
+    mapChange(val) {
+      if (val === '2') {
+        this.maptypeShow = true
+      } else {
+        this.maptypeShow = false
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.secondTitle {
+  margin: 20px;
+}
+.thirdTitle {
+  margin: 14px 20px;
+}
+</style>
diff --git a/src/views/systemConfig/viewsConfig/components/viewPcConfig.vue b/src/views/systemConfig/viewsConfig/components/viewPcConfig.vue
new file mode 100644
index 0000000..68a45ba
--- /dev/null
+++ b/src/views/systemConfig/viewsConfig/components/viewPcConfig.vue
@@ -0,0 +1,204 @@
+<template>
+  <el-row>
+    <el-col>
+      <el-col>
+        <el-col>浏览器页签</el-col>
+        <el-col :span="3" class="secondTitle">
+          页面logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList1"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>标题</el-col>
+        <el-col :span="3" class="secondTitle">
+          系统logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList2"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col :span="3" class="secondTitle">
+          标题文字：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-input
+            v-model="titleText"
+            size="small"
+            clearable
+            placeholder="智能窨井管理系统"
+          />
+        </el-col>
+        <el-col :span="6" class="thirdTitle">
+          <el-button v-if="editShow" size="small" @click="editShow=false">
+            修改
+          </el-button>
+          <el-button v-if="!editShow" size="small" @click="editShow=true">
+            保存
+          </el-button>
+          <el-button v-if="!editShow" size="small" @click="editShow=true">
+            取消
+          </el-button>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>登录页</el-col>
+        <el-col :span="3" class="secondTitle">
+          登录页logo：
+        </el-col>
+        <el-col :span="1" class="thirdTitle">
+          <el-upload
+            :limit="1"
+            :show-file-list="false"
+            :file-list="fileList3"
+            action="string"
+            accept=".xls,.xlsx"
+            class="edit_btn"
+          >
+            <el-button type="text" size="small">
+              上传 ('图片不能超过200KB')
+            </el-button>
+          </el-upload>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col :span="3" class="secondTitle">
+          登录页文字：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-input
+            v-model="logtitleText"
+            size="small"
+            clearable
+            placeholder="智能窨井管理系统"
+          />
+        </el-col>
+        <el-col :span="6" class="thirdTitle">
+          <el-button v-if="logeditShow" size="small" @click="logeditShow=false">
+            修改
+          </el-button>
+          <el-button v-if="!logeditShow" size="small" @click="logeditShow=true">
+            保存
+          </el-button>
+          <el-button v-if="!logeditShow" size="small" @click="logeditShow=true">
+            取消
+          </el-button>
+        </el-col>
+      </el-col>
+      <el-col>
+        <el-col>地图</el-col>
+        <el-col :span="3" class="secondTitle">
+          采用地图：
+        </el-col>
+        <el-col :span="4" class="thirdTitle">
+          <el-select
+            v-model="listQuery.mapType"
+            size="small"
+            placeholder="请选择地图类型"
+            @change="mapChange"
+          >
+            <el-option
+              v-for="item in mapTypeList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-col>
+        <el-col v-if="maptypeShow" :span="4" class="thirdTitle">
+          <el-input v-model="listQuery.mapAddress" size="small" placeholder="请输入地图地址" />
+        </el-col>
+        <el-col :span="6" class="thirdTitle">
+          <el-button size="small" @click="buttonClick">
+            确定
+          </el-button>
+        </el-col>
+      </el-col>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import { mapTypeSelect } from '@/api/systemConfig/mapConfig'
+export default {
+  name: 'ViewPcConfig',
+  data() {
+    return {
+      listQuery: {
+        mapType: '0',
+        mapAddress: ''
+      },
+      titleText: '',
+      logtitleText: '',
+      editShow: true,
+      logeditShow: true,
+      maptypeShow: false,
+      fileList1: [],
+      fileList2: [],
+      fileList3: [],
+      mapTypeList: [
+        {
+          label: '百度地图',
+          value: '0'
+        },
+        {
+          label: '高度地图',
+          value: '1'
+        },
+        {
+          label: '其他地图',
+          value: '2'
+        }
+      ]
+    }
+  },
+  methods: {
+    buttonClick() {
+      mapTypeSelect(this.listQuery).then(response => {
+        console.log(response)
+      })
+    },
+    mapChange(val) {
+      this.listQuery.mapAddress = ''
+      if (val === '2') {
+        this.maptypeShow = true
+      } else {
+        this.maptypeShow = false
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.secondTitle {
+  margin: 20px;
+}
+.thirdTitle {
+  margin: 14px 20px;
+}
+</style>
diff --git a/src/views/systemConfig/viewsConfig/viewsConfig.vue b/src/views/systemConfig/viewsConfig/viewsConfig.vue
new file mode 100644
index 0000000..c260c63
--- /dev/null
+++ b/src/views/systemConfig/viewsConfig/viewsConfig.vue
@@ -0,0 +1,30 @@
+<template>
+  <el-tabs v-model="activeName" @tab-click="handleClick">
+    <el-tab-pane label="PC端" name="first">
+      <view-pc-config />
+    </el-tab-pane>
+    <el-tab-pane label="APP端" name="second">
+      <view-app-config />
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+import viewPcConfig from './components/viewPcConfig'
+import viewAppConfig from './components/viewAppConfig'
+
+export default {
+  name: 'ViewsConfig',
+  components: { viewPcConfig, viewAppConfig },
+  data() {
+    return {
+      activeName: 'first'
+    }
+  },
+  methods: {
+    handleClick(tab, event) {
+      console.log(tab, event)
+    }
+  }
+}
+</script>