新增

pages.json

@@ -53,7 +53,19 @@
                 "enablePullDownRefresh": false
             }
             
-        }
+        },
+		{
+			"path": "pages/syssetting/index",
+			"style": {
+				"navigationBarTitleText": "系统设置"
+			}
+		},
+		{
+			"path": "pages/syssetting/editname",
+			"style": {
+				"navigationBarTitleText": "系统设置"
+			}
+		}
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",

pages/csubstation/edit.vue

@@ -19,10 +19,13 @@
 					</list-item>
 					<list-item>
 						<template v-slot:left>
-							<u-input v-model="formData.domain" :clearable="false" @click.native="domainSelectClick" type="text" class="input-c" placeholder="域名" :disabled="true"/>
+							<u-input v-model="formData.domain" :clearable="false" @click.native="domainSelectClick"
+							 type="text" class="input-c" placeholder="域名" :disabled="true"/>
 						</template>
 						<template v-slot:right v-if="!queryData.Id">
-							<text @click="domainSelectClick">></text>
+							<text @click="domainSelectClick">
+								<image src="../../static/img/xtsz_icon_yjt/xtsz_icon_yjt.png" style="width: 14rpx; height: 24rpx;"></image>
+							</text>
 						</template>
 					</list-item>
 				</view>

pages/syssetting/editname.vue

@@ -0,0 +1,54 @@
+<template>
+	<view>
+		<u-input v-model="value" type="text" :border="true"
+			placeholder="请输入新昵称"
+		 input-align="center" :clearable="false" class="name-input"/>
+		<u-button class="confim" @click="confim" shape="circle" :ripple="true" :plain="false">确认</u-button>
+	</view>
+</template>
+
+<script>
+	export default {
+		data () {
+			return {
+				value: ''
+			}
+		},
+		methods: {
+			// 确认调接口
+			confim() {
+				
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.name-input {
+		height: 80rpx;
+		border-radius: 14rpx;
+		border-color: transparent !important;
+		margin: 40rpx 20rpx;
+		background-color: #2B3062;
+		& /deep/ .u-input__input {
+			height: 100%;
+		}
+		& .input-placeholder {
+			color: #8688A4;
+			font-size: 28rpx;
+		}
+	}
+	
+	.confim {
+		margin: 70rpx 45rpx 29rpx 45rpx;
+		height: 90rpx;
+		
+		background: linear-gradient(143deg, #EF6F5F 0%, #FB2636 100%);
+		border-radius: 45rpx;
+		font-size: 32rpx;
+		color: #FFFFFF;
+		&::after {
+			border: none;
+		}
+	}
+</style>

pages/syssetting/index.vue

@@ -0,0 +1,68 @@
+<template>
+	<view class="setting-box">
+		<list-item>
+			<template v-slot:left>
+				<view>头像</view>
+			</template>
+			<template v-slot:right>
+				<view class="box-l-item">
+					<u-image src="https://cdn.uviewui.com/uview/example/fade.jpg" shape="circle" width="67rpx" height="67rpx"></u-image>
+					<image src="../../static/img/xtsz_icon_yjt/xtsz_icon_yjt.png" style="width: 11rpx; height: 20rpx;margin-left: 20rpx;"></image>
+				</view>
+			</template>
+		</list-item>
+		<list-item>
+			<template v-slot:left>
+				<view>昵称</view>
+			</template>
+			<template v-slot:right>
+				<view class="box-l-item">
+					<view class="name">魏珂珂</view>
+					<image src="../../static/img/xtsz_icon_yjt/xtsz_icon_yjt.png" style="width: 11rpx; height: 20rpx;margin-left: 20rpx;"></image>
+				</view>
+			</template>
+		</list-item>
+		<view class="logout-btn" @click="logoutClick">推出登录</view>
+	</view>
+</template>
+
+<script>
+	import listItem from '../../components/listitem/listItem.vue'
+	export default {
+		components: {
+			listItem
+		},
+		data () {
+			return {
+				formData: {}
+			}
+		},
+		methods: {
+			// 推出登录
+			logoutClick () {
+				
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.setting-box {
+		color: #FFFFFF;
+		font-size: 28rpx;
+		padding: 28rpx;
+		font-weight: 400;
+		text-align: center;
+		& .box-l-item {
+			display: flex;
+			align-items: center;
+		}
+		& .name {
+			color: #8688A4;
+		}
+		& .logout-btn {
+			margin-top: 50rpx;
+			color: #FE192F;
+		}
+	}
+</style>