From 07f3690a51fb72411a452a74b2d6cf431173aaba Mon Sep 17 00:00:00 2001
From: sc <shencheng@heronshn.com>
Date: Sat, 22 May 2021 10:37:30 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E7=B3=BB=E7=BB=9F=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/setting/system.vue       |  29 ------
 src/views/setting/system/index.vue | 153 +++++++++++++++++++++++++++++
 2 files changed, 153 insertions(+), 29 deletions(-)
 delete mode 100644 src/views/setting/system.vue
 create mode 100644 src/views/setting/system/index.vue

diff --git a/src/views/setting/system.vue b/src/views/setting/system.vue
deleted file mode 100644
index 7e2d7a26..00000000
--- a/src/views/setting/system.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-	<el-main>
-		<el-card shadow="never">
-			<el-tabs tab-position="top">
-				<el-tab-pane label="系统设置">
-					
-				</el-tab-pane>
-				<el-tab-pane label="业务配置">业务配置</el-tab-pane>
-				<el-tab-pane label="扩展配置">扩展配置</el-tab-pane>
-			</el-tabs>
-		</el-card>
-	</el-main>
-</template>
-
-<script>
-	export default {
-		name: 'system',
-		data() {
-			return {
-				sys: {
-					name: ""
-				}
-			}
-		}
-	}
-</script>
-
-<style>
-</style>
diff --git a/src/views/setting/system/index.vue b/src/views/setting/system/index.vue
new file mode 100644
index 00000000..037840bd
--- /dev/null
+++ b/src/views/setting/system/index.vue
@@ -0,0 +1,153 @@
+<template>
+	<el-main>
+		<el-card shadow="never">
+			<el-tabs tab-position="top">
+
+				<el-tab-pane label="系统设置">
+					<el-form ref="form" :model="sys" label-width="100px" style="margin-top: 20px;">
+						<el-form-item label="系统名称">
+							<el-input v-model="sys.name"></el-input>
+						</el-form-item>
+						<el-form-item label="LogoUrl">
+							<el-input v-model="sys.logoUrl"></el-input>
+						</el-form-item>
+						<el-form-item label="登录开关">
+							<el-switch v-model="sys.login"></el-switch>
+							<div class="el-form-item-msg" data-v-b33b3cf8="">关闭后普通用户无法登录，仅允许管理员角色登录</div>
+						</el-form-item>
+						<el-form-item label="密码验证规则">
+							<el-input v-model="sys.passwordRules"></el-input>
+						</el-form-item>
+						<el-form-item label="版权信息">
+							<el-input type="textarea" :autosize="{minRows: 4}" v-model="sys.copyright"></el-input>
+						</el-form-item>
+						<el-form-item>
+							<el-button type="primary">保存</el-button>
+						</el-form-item>
+					</el-form>
+				</el-tab-pane>
+
+				<el-tab-pane label="短信配置">
+					<el-form ref="form" :model="msg" label-width="100px" style="margin-top: 20px;">
+						<el-form-item label="短信开关">
+							<el-switch v-model="msg.open"></el-switch>
+							<div class="el-form-item-msg" data-v-b33b3cf8="">关闭后用户无法收到短信，但日志中将记录</div>
+						</el-form-item>
+						<el-form-item label="appKey">
+							<el-input v-model="msg.appKey"></el-input>
+						</el-form-item>
+						<el-form-item label="secretKey">
+							<el-input v-model="msg.secretKey"></el-input>
+						</el-form-item>
+						<el-form-item>
+							<el-button type="primary">保存</el-button>
+						</el-form-item>
+					</el-form>
+				</el-tab-pane>
+
+				<el-tab-pane label="扩展配置">
+					<el-alert title="扩展配置为系统业务所有的配置，应该由系统管理员操作，如需用户配置应另起业务配置页面。" type="warning"></el-alert>
+
+					<el-table :data="setting" stripe @row-dblclick="table_edit">
+						<el-table-column label="#" type="index" width="50"></el-table-column>
+						<el-table-column label="KEY" prop="key" width="150">
+							<template #default="scope">
+								<el-input v-if="scope.row.isSet" v-model="scope.row.key" placeholder="请输入内容"></el-input>
+								<span v-else>{{scope.row.key}}</span>
+							</template>
+						</el-table-column>
+						<el-table-column label="VALUE" prop="value" width="350">
+							<template #default="scope">
+								<el-input v-if="scope.row.isSet" v-model="scope.row.value" placeholder="请输入内容"></el-input>
+								<span v-else>{{scope.row.value}}</span>
+							</template>
+						</el-table-column>
+						<el-table-column label="TITLE" prop="title" width="350">
+							<template #default="scope">
+								<el-input v-if="scope.row.isSet" v-model="scope.row.title" placeholder="请输入内容"></el-input>
+								<span v-else>{{scope.row.title}}</span>
+							</template>
+						</el-table-column>
+						<el-table-column min-width="1"></el-table-column>
+						<el-table-column label="操作" fixed="right" width="100">
+							<template #default="scope">
+								<el-button @click="table_edit(scope.row, scope.$index)" type="text" size="small">{{scope.row.isSet?'保存':"修改"}}</el-button>
+								<el-button v-if="scope.row.isSet" @click="scope.row.isSet=false" type="text" size="small">取消</el-button>
+								<el-popconfirm v-if="!scope.row.isSet" title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
+									<template #reference>
+										<el-button type="text" size="small">删除</el-button>
+									</template>
+								</el-popconfirm>
+							</template>
+						</el-table-column>
+					</el-table>
+					<el-button type="primary" icon="el-icon-plus" @click="table_add" style="margin-top: 20px;"></el-button>
+				</el-tab-pane>
+
+			</el-tabs>
+		</el-card>
+	</el-main>
+</template>
+
+<script>
+	export default {
+		name: 'system',
+		data() {
+			return {
+				sys: {
+					name: "SCUI",
+					logoUrl: "",
+					login: true,
+					passwordRules: "^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$",
+					copyright: "@SCUI"
+				},
+				msg: {
+					open: true,
+					appKey: "",
+					secretKey: ""
+				},
+				setting: [
+					{
+						key: "file_serve",
+						value: "https://file.scui.com",
+						title: "文件服务器地址"
+					},
+					{
+						key: "cloud_url",
+						value: "-",
+						title: "客户端地址"
+					},
+					{
+						key: "crm_url",
+						value: "-",
+						title: "CRM地址"
+					}
+				]
+			}
+		},
+		methods: {
+			table_add(){
+				var newRow = {
+					key: "",
+					value: "",
+					title: "",
+					isSet: true
+				}
+				this.setting.push(newRow)
+			},
+			table_edit(row){
+				if(row.isSet){
+					row.isSet = false
+				}else{
+					row.isSet = true
+				}
+			},
+			table_del(row, index){
+				this.setting.splice(index, 1)
+			},
+		}
+	}
+</script>
+
+<style>
+</style>