公共样式修改、输入框修改

src/components/GuipSelect.vue

@@ -80,6 +80,18 @@ export default {
     if (this.placeholder) {
       this.placeholder1 = this.placeholder
     }
+    this.$nextTick(() => {
+      let els = document.querySelectorAll('.el-input');
+      els.forEach(item => {
+        item.onmouseover = function () {
+          item.classList.add("hoverclass")
+        }
+        item.onmouseout = function () {
+          item.classList.remove("hoverclass")
+        }
+    
+      })
+    })
   },
   methods: {
     // 获取value值

src/components/GuipTextarea.vue

@@ -1,26 +1,90 @@
 <template>
-   <el-input
-    type="textarea"
-    v-bind="$attrs"
-    :style="{...styleObject}"
-    :rows="rows"
-    :placeholder="placeholder"
-    v-model="textarea">
-    </el-input>
-  </template>
-   
-  <script>
-  // autosize 自适应高度
-  export default {
-    name: 'GuipTextarea',
-    props:['styleObject','rows','placeholder'],
-    data() {
-        return {
-            textarea: ''
-        }
-    },
-    mounted(){
+  <el-form-item :label="label" :prop="prop" :rules="rules" :class="[{ 'column': column }]" :required="required">
+    <p v-if="desc" class="desc_right">{{ desc }}</p>
+    <el-input
+      type="textarea"
+      v-bind="$attrs"
+      v-model="innerValue"
+      :style="{ width: width, height: height }"
+      :rows="rows"
+      @input="handleInput"
+      @change="handleChange"
+    ></el-input>
+  </el-form-item>
+</template>
 
+<script>
+export default {
+  name: 'MyTextarea',
+  inheritAttrs: false,
+  props: {
+    // v-model 绑定的值
+    value: {
+      type: [String, Number],
+      default: ''
+    },
+    // 宽度，可以是 '100px' 或 '100%' 等形式
+    width: {
+      type: String,
+      default: '100%'
+    },
+    desc: {
+      type: String,
+      default: ''
+    },
+    // 高度，可以是 '100px' 或 '100%' 等形式
+    height: {
+      type: String,
+      default: 'auto'
+    },
+    // 默认行数
+    rows: {
+      type: Number,
+      default: 4
+    },
+    // 表单标签
+    label: {
+      type: String,
+      default: ''
+    },
+    column: {
+      type: String,
+      default: ''
+    },
+    // 表单校验的 prop
+    prop: {
+      type: String,
+      default: ''
+    },
+    // 表单校验规则
+    rules: {
+      type: [Object, Array],
+      default: () => []
+    },
+    required:{
+       type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      innerValue: this.value
+    }
+  },
+  watch: {
+    value(newVal) {
+      if (newVal !== this.innerValue) {
+        this.innerValue = newVal
+      }
+    }
+  },
+  methods: {
+    handleInput(value) {
+      this.$emit('input', value)
+    },
+    handleChange(value) {
+      this.$emit('change', value)
     }
   }
-  </script>
+}
+</script>

src/style/theme/common.scss

@@ -13,6 +13,32 @@ body {
         padding: 0;
     }
 }
+.short-width {
+    width: calc((100% - 12px) / 2);
+}
+.pagePadding{
+    padding: 12px;
+    box-sizing: border-box;
+}
+.pageTitle{
+    font-family: Microsoft YaHei UI;
+    font-size: 16px;
+    font-weight: bold;
+    line-height: normal;
+    letter-spacing: 0.08em;
+    color: #1E2226;
+    text-align: left;
+    // padding: 24px 0;
+}
+.littleTitle{
+    font-family: Microsoft YaHei UI;
+    font-size: 14px;
+    font-weight: bold;
+    line-height: normal;
+    letter-spacing: 0.08em;
+    color: #1E2226;
+    text-align: left;
+}
 /* 隐藏全局滚动条 */
 ::-webkit-scrollbar {
     display: none;
@@ -87,10 +113,13 @@ body {
     flex-direction: column;
 }
 .mb24{
-    margin-bottom: 24px;
+    margin-bottom: 24px !important;
 }
 .mb12{
-    margin-bottom: 12px;
+    margin-bottom: 12px !important;
+}
+.mt24{
+    margin-top: 24px;
 }
 .mt12{
     margin-top: 12px;
@@ -604,7 +633,7 @@ body {
 .el-textarea__inner {
     padding: 10px 12px;
     border-radius: 2px;
-    height: 100%;
+    height: 100% !important;
 }
 
 .el-textarea__inner:hover {
@@ -786,6 +815,9 @@ body {
 .tableHeaderSelect .el-input__inner{
     font-size: 13px !important;
 }
+.el-link{
+    font-size: 13px !important;
+}
 
 
 }
@@ -801,6 +833,9 @@ body {
 .tableHeaderSelect .el-input__inner{
     font-size: 12px !important;
 }
+.el-link{
+    font-size: 13px !important;
+}
 
 }
 @media screen and (min-width: 1440px) {
@@ -908,7 +943,7 @@ body {
 // dialog--start
 .el-dialog {
     min-height: 214px;
-    max-height: 550px;
+    // max-height: 550px;
     border-radius: 4px;
     background: #FFFFFF;
     box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);

src/views/agent/siteList.vue

@@ -140,7 +140,7 @@ export default {
             // 服务列表url
             serviceListUrl: '/ui',
             // 站点设置url
-            siteSettingUrl: '/ui',
+            siteSettingUrl: '/siteSetting/siteBaseSetting',
             // 新增站点url
             addNewSiteUrl: '/ui',
             popoverFlag:false,
@@ -250,7 +250,7 @@ export default {
             }).then(response => {
                 if (response.status) {
                     // 保存成功弹层提示
-                    this.$message.success(response.info);
+                    this.$Message.success(response.info);
 
                     // 更新分组名称
                     this.siteGroups.forEach((item) => {
@@ -263,7 +263,7 @@ export default {
                     this.$set(this.siteList, row)
                     this.currentIcon = require('@/assets/site/drop_icon.svg');
                 } else {
-                    this.$message.error(response.info);
+                    this.$Message.error(response.info);
                 }
             }).catch(error => {
                 console.error(error, 'error')
@@ -312,13 +312,13 @@ export default {
             }).then(response => {
                 this.$nextTick(() => {
                     if (response.status) {
-                        this.$message.success(response.info);
+                        this.$Message.success(response.info);
                         // 更新分组
                         this.getSiteGroups()
                         // 清空分组名称
                         this.groupname = ''
                     } else {
-                        this.$message.error(response.info);
+                        this.$Message.error(response.info);
                     }
                 })
             }).catch(error => {