From 9128332120b4dce4affb78c88ad34e1111f6b8a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BD=97=E6=96=8C=E6=9D=B0?= <>
Date: Fri, 23 Feb 2024 14:44:42 +0800
Subject: [PATCH] ui

---
 src/assets/css/global.css          | 28 ++++++++++
 src/assets/css/global_table.css    | 71 ++++++++++++++++++++-----
 src/views/fee-settings/Asbitem.vue | 83 +++++-------------------------
 src/views/fee-settings/Item.vue    | 12 -----
 4 files changed, 99 insertions(+), 95 deletions(-)

diff --git a/src/assets/css/global.css b/src/assets/css/global.css
index d6bbb18..998eec9 100644
--- a/src/assets/css/global.css
+++ b/src/assets/css/global.css
@@ -75,6 +75,10 @@
     font-size: 14px;
 }
 
+.treeicons {
+    margin-right: 5px;
+}
+
 
 /* tabs */
 
@@ -99,6 +103,10 @@
     border-radius: 4px;
 }
 
+.el-tabs__header {
+    margin-bottom: 5px;
+}
+
 .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
     padding-left: 12px;
 }
@@ -131,4 +139,24 @@
 
 .publicfontsize {
     font-size: 18px;
+}
+
+
+/* el-cascader 隐藏前面的radio并点击行选中 */
+
+.example .el-cascader-panel .el-radio {
+    width: 100%;
+    height: 100%;
+    z-index: 10;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+}
+
+.example .el-cascader-panel .el-radio__input {
+    display: none;
+}
+
+.example .el-cascader-panel .el-cascader-node__postfix {
+    top: 10px;
 }
\ No newline at end of file
diff --git a/src/assets/css/global_table.css b/src/assets/css/global_table.css
index 3a077d9..78ecaf7 100644
--- a/src/assets/css/global_table.css
+++ b/src/assets/css/global_table.css
@@ -1,34 +1,79 @@
 /* 表格 表头 列间距控制 */
-.el-table th.el-table__cell>.cell{
-  text-align: center;  /* 表格 表头 对齐方式，默认 left */
-  padding-right: 2px;  /* 表格 表头 列间距控制，默认 10px */
-  padding-left: 2px;  /* 表格 表头 列间距控制，默认 10px */
+
+.el-table th.el-table__cell>.cell {
+    text-align: center;
+    /* 表格 表头 对齐方式，默认 left */
+    padding-right: 2px;
+    /* 表格 表头 列间距控制，默认 10px */
+    padding-left: 2px;
+    /* 表格 表头 列间距控制，默认 10px */
 }
 
+
 /* 表格 表体 首列左间距控制 */
+
 .el-table--border .el-table__cell:first-child .cell {
-  padding-left: 2px; /* 表格 表体 首列左间距控制，默认 10px */
+    padding-left: 2px;
+    /* 表格 表体 首列左间距控制，默认 10px */
 }
 
+
 /* 表格 行列间距控制 ，默认 10 px*/
+
 .el-table--small .el-table__cell {
-  padding: 0;  /* 原始 默认值 8px 0 */
+    padding: 0;
+    /* 原始 默认值 8px 0 */
 }
+
 .el-table .el-table__cell {
-  padding: 2px 0; /* 原始 默认 12px 0 */
+    padding: 2px 0;
+    /* 原始 默认 12px 0 */
 }
+
 .el-table__cell {
-  padding: 2px 2px 2px 2px;   /* 上，右，下，左 */
+    padding: 2px 2px 2px 2px;
+    /* 上，右，下，左 */
 }
+
 .el-table .cell {
-  padding: 0px 2px;   /* 原始 默认 0px 10px; */
-  line-height: 20px;  /* 表格size="small"时 默认值 23px*/
+    padding: 0px 2px;
+    /* 原始 默认 0px 10px; */
+    line-height: 20px;
+    /* 表格size="small"时 默认值 23px*/
 }
 
+
 /* 表格单元格 .el-table .cell ，默认 10 px*/
+
 .cell {
-  padding-left: 2px;
-  padding-right: 2px;  
-  line-height: 20px;   /*表格size="small"时 默认值 23px*/
+    padding-left: 2px;
+    padding-right: 2px;
+    line-height: 20px;
+    /*表格size="small"时 默认值 23px*/
+}
+
+
+/* 设置表头样式 */
+
+.el-table__header th {
+    /* font-size: px; */
+    background-color: #fff;
+    /* 设置表头背景颜色 */
+    color: #232748;
+    /* 设置表头文字颜色 */
+    font-size: 14px;
+    font-weight: 700;
+    font-family: "NotoSansSC-Bold";
 }
 
+
+/* 设置表体样式 */
+
+.el-table td.el-table__cell {
+    padding: 0;
+    color: #52555F;
+    /* 设置表体文字颜色 */
+    font-size: 14px;
+    font-weight: 400;
+    font-family: "NotoSansSC-Regular";
+}
\ No newline at end of file
diff --git a/src/views/fee-settings/Asbitem.vue b/src/views/fee-settings/Asbitem.vue
index 121328d..925b9e5 100644
--- a/src/views/fee-settings/Asbitem.vue
+++ b/src/views/fee-settings/Asbitem.vue
@@ -128,13 +128,12 @@
                     {{ scope.row.lastModificationTime | dateFormat }}
                   </template>
                 </el-table-column>
-                <el-table-column label="操作">
+                <el-table-column label="操作" align="center">
                   <template>
                     <el-tag
                       class="move"
                       style="
                         cursor: move;
-                        margin-left: 15px;
                         background-color: rgb(245, 245, 245);
                         border: none;
                       "
@@ -2207,22 +2206,6 @@ export default {
 @import "../../assets/css/global_form.css";
 @import "../../assets/css/global_input.css";
 @import "../../assets/css/global.css";
-::v-deep .el-table__header th {
-  /* font-size: px; */
-  background-color: #fff; /* 设置表头背景颜色 */
-  color: #232748; /* 设置表头文字颜色 */
-  font-size: 14px;
-  font-weight: 700;
-  font-family: "NotoSansSC-Bold";
-}
-::v-deep .el-table td.el-table__cell,
-.el-table th.el-table__cell.is-leaf {
-  padding: 0;
-  color: #52555F; /* 设置表头文字颜色 */
-  font-size: 14px;
-  font-weight: 400;
-  font-family: "NotoSansSC-Regular";
-}
 .mainleftbox {
   flex: 1;
 }
@@ -2238,78 +2221,60 @@ export default {
   justify-content: center;
   margin-top: 5px;
 }
-.weixuan {
-  text-align: center;
-  line-height: 20px;
-  background: rgb(185, 203, 235);
-}
-.leftbox {
-  width: 200px;
-  border: 1px solid #ccc;
-}
-.instrumentcategory {
-  width: 100%;
-  display: flex;
-}
 .box {
   display: flex;
   flex-direction: column;
 }
-.confirmcancellation {
-  margin-left: 46%;
-}
-.activetext {
-  background: rgb(185, 203, 235);
-}
-.weixuan {
-  text-align: center;
-  line-height: 20px;
-  background: rgb(185, 203, 235);
-}
+/* form表单每一项的下边距 */
 :deep .el-form-item {
   margin-bottom: 14px;
 }
+/* 去掉input textarea的手动扩张样式 */
 :deep(.el-textarea__inner) {
   resize: none;
 }
+/* el-dialog的头部样式 */
 :deep .el-dialog__header {
   padding: 11px 20px 11px;
 }
+/* el-dialog的主体样式 */
 :deep .el-dialog__body {
   padding: 0px 20px 0px;
 }
-:deep .el-form-item {
-  margin-bottom: 14px;
-}
+/* el-divider样式 */
 :deep .el-divider--horizontal {
   margin: 0px 0 12px;
 }
+/* el-dialog的底部样式 */
 :deep .el-dialog__footer {
   padding: 0px 20px 14px;
 }
+/* 默认结果后面下拉框样式 */
 :deep .downText .el-input--suffix .el-input__inner {
   width: 0;
   height: 100%;
   padding: 0 19px;
 }
+/* 默认结果后面下拉框图标样式 */
 :deep .downText .el-input--suffix .el-input__suffix {
   right: 12px;
 }
+/* 默认结果后面下拉框 */
 :deep .downText {
   display: flex !important;
 }
+/* 诊断函数后面按钮样式 */
 :deep .el-input-group__append {
   padding: 0 11px;
 }
-:deep .el-tabs__header {
-  margin-bottom: 5px;
-}
+/* 默认结果整体样式 */
 .my-el-form-item :deep .el-form-item__content {
   line-height: 0 !important;
 }
 .my-el-form-item :deep .el-input__icon {
   line-height: 0 !important;
 }
+/* 指引信息 */
 .guidelines :deep .el-form-item {
   margin-bottom: 0;
 }
@@ -2324,26 +2289,4 @@ export default {
   display: flex;
   flex-direction: column;
 }
-.treeicons {
-  font-size: 20px;
-  margin-right: 5px;
-}
-</style>
-<style>
-.example .el-cascader-panel .el-radio {
-  width: 100%;
-  height: 100%;
-  z-index: 10;
-  position: absolute;
-  top: 0px;
-  right: 0px;
-}
-
-.example .el-cascader-panel .el-radio__input {
-  display: none;
-}
-
-.example .el-cascader-panel .el-cascader-node__postfix {
-  top: 10px;
-}
 </style>
diff --git a/src/views/fee-settings/Item.vue b/src/views/fee-settings/Item.vue
index 3a5a74a..1168401 100644
--- a/src/views/fee-settings/Item.vue
+++ b/src/views/fee-settings/Item.vue
@@ -1789,9 +1789,6 @@ export default {
        this.rusetform.itemId = this.form.id;
     },
     quckRusetform(e){
-      // if(!e){
-      //   this.remoteMethod()
-      // }
       this.$forceUpdate()
     },
     //获取项目类别列表
@@ -1803,15 +1800,6 @@ export default {
     },
     onchange(id) {
       this.form.itemTypeId=this.form.itemTypeId.slice(-1)[0]
-      // this.form.customerOrgId = id;
-      // console.log(id);
-      // this.form.customerOrgId=this.form.customerOrgId[0]
-      // if(this.form.itemTypeId){
-      //   this.form.itemTypeId.forEach((item) => {
-      //   // console.log(item);
-      //   this.form.itemTypeId = item;
-      // });
-      // }
       this.$refs.itemTypeId.toggleDropDownVisible();
     },
     gettypelist(listdata) {