企业设置修改暂存

src/HManagement/siteManage/securityConfig/components/basicSet/index.vue

@@ -0,0 +1,40 @@
+<template>
+  <div class="container normal-panel normal-margin">
+    <p class="normal-title normal-margin" style="font-weight: bold">{{ $t('基础设置') }}</p>
+    <el-row :gutter="20">
+      <el-col :span="12">
+        <setTemplate title="密码安全强制要求">
+          <template slot="svgIcon">
+            <svg t="1775528825585" style="margin-top: 6px"  class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12093" width="20" height="20"><path d="M243.2 358.4V268.8a268.8 268.8 0 1 1 537.6 0V358.4h12.8a140.8512 140.8512 0 0 1 140.8 140.8v384A140.7488 140.7488 0 0 1 793.6 1024h-563.2a140.8512 140.8512 0 0 1-140.8-140.8v-384A140.7488 140.7488 0 0 1 230.4 358.4z m76.8 0h384V268.8a192 192 0 0 0-384 0z m-153.6 140.8v384A64.0512 64.0512 0 0 0 230.4 947.2h563.2a63.8976 63.8976 0 0 0 64-64v-384A64.0512 64.0512 0 0 0 793.6 435.2h-563.2a63.8976 63.8976 0 0 0-64 64z" fill="#3874F6" p-id="12094"></path>
+            </svg>
+          </template>
+        </setTemplate>
+      </el-col>
+      <el-col :span="12">
+      </el-col>
+    </el-row>
+
+  </div>
+</template>
+
+<script>
+import setTemplate from "@/HManagement/siteManage/securityConfig/modules/setTemplate";
+export default {
+  name: "index",
+  props:['data'],
+  data(){
+    return {
+      password_length:0
+    }
+  },
+  components:{setTemplate},
+  mounted() {
+    console.log(this.data,'设置的结果')
+    console.log(this.data.password_length,'密码的长度')
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/HManagement/siteManage/securityConfig/index.vue

@@ -1,7 +1,7 @@
 <template>
   <normalCompany >
     <div slot="titleRight">
-      <el-button  :disabled="!tool.checkAuth($route.name,'update')" icon="el-icon-edit-outline" size="small" type="primary" style="width:80px;height: 30px;margin-top: 20px;margin-right: 20px"
+      <el-button  :disabled="!tool.checkAuth($route.name,'update')" icon="el-icon-edit-outline" size="small" type="primary" class="editBtn-style"
                   @click="onShowDetail">{{$t('编 辑')}}</el-button>
     </div>
     <div slot="company">
@@ -9,11 +9,13 @@
     </div>
     <div slot="content" style="margin-top: 10px">
       <!--  消息设置    -->
-      <div style="background: #FFFFFF;height: 35px;margin: 0 15px 0 15px;padding-top: 10px">
+      <div class="message-border">
         <messageTips ref="messageTips" :data="setData"/>
       </div>
       <!--  基础设置    -->
-      <div style="background: #FFFFFF;height: 102px;margin: 70px 15px 0 15px"></div>
+      <div class="basic-border">
+        <basicSet :data="setInfo" v-if="setInfo"></basicSet>
+      </div>
     </div>
   </normalCompany>
 </template>
@@ -49,6 +51,8 @@ import serviceImprovementRule from './modules/serviceImprovementRule'
 import workOrderAutoCreateRule from './modules/workOrderAutoCreateRule'
 import {log} from "@antv/g2plot/lib/utils";
 
+import basicSet from './components/basicSet/index'
+
 export default {
   components:{
     setPassword,
@@ -73,7 +77,9 @@ export default {
     filterOutCustomerContacts,
     serviceImprovementRule,
     workOrderAutoCreateRule,
-    normalCompany
+    normalCompany,
+
+    basicSet
   },
   data () {
     return {
@@ -96,7 +102,9 @@ export default {
       projectrepeatnum:'',
       ischeckcontract:'',
       isquerytarget:'',
-      isqueryfollow:''
+      isqueryfollow:'',
+
+      setInfo:[]
     }
   },
   computed:{
@@ -128,6 +136,8 @@ export default {
         }
       })
 
+      this.setInfo = res.data
+
       this.obj = {
         password_needcapital:res.data.password_needcapital,
         password_needlowercase:res.data.password_needlowercase,
@@ -240,4 +250,22 @@ export default {
 .color-yellow{
   color: #FA8C16;
 }
+
+.editBtn-style{
+  width:80px;
+  height: 30px;
+  margin-top: 20px;
+  margin-right: 20px;
+}
+.message-border{
+  background: #FFFFFF;
+  height: 35px;
+  margin: 0 15px 0 15px;
+  padding-top: 10px;
+}
+.basic-border{
+  background: #FFFFFF;
+  height: 202px;
+  margin: 70px 15px 0 15px;
+}
 </style>

src/HManagement/siteManage/securityConfig/modules/setContentTemplate.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>
+    <el-button type="primary" size="small">{{$t(`设置`)}}</el-button>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "setContentTemplate"
+}
+</script>
+
+<style scoped>
+
+</style>

src/HManagement/siteManage/securityConfig/modules/setTemplate.vue

@@ -0,0 +1,47 @@
+<template>
+  <div>
+    <el-card shadow="hover">
+      <div class="div-flex">
+        <div class="div-flex-left">
+          <div style="margin: auto">
+            <slot name="svgIcon"></slot>
+          </div>
+          <div style="margin-left: 10px">
+            <div class="title-font">{{$t(title)}}</div>
+            <div class="result-font">{{$t(`当前设置：`) + $t(setResult)}}</div>
+          </div>
+          <div></div>
+        </div>
+        <setContentTemplate></setContentTemplate>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import setContentTemplate from "@/HManagement/siteManage/securityConfig/modules/setContentTemplate";
+export default {
+  name: "setTemplate",
+  props:['title','setResult'],
+  components:{setContentTemplate}
+}
+</script>
+
+<style scoped>
+ .div-flex{
+   display: flex;
+   justify-content: space-between;
+ }
+ .div-flex-left{
+   display: flex;
+   justify-content: left;
+ }
+ .title-font{
+   font-size: 14px;
+   font-weight: bold;
+ }
+ .result-font{
+   font-size: 12px;
+   color: #7F8792;
+ }
+</style>