Переглянути джерело

style:优化多个组件的样式和布局

- 移除了 AttributeManageCreate.vue 中的 console.log语句
- 更新了 DataTableSlot.vue 中属性管理按钮的样式和 tooltip 样式
- 统一了多个组件中编辑抽屉的标题格式
WanGxC 6 місяців тому
батько
коміт
b32daa3478

+ 1 - 1
src/views/product-manage/competitor-monitor/component/EditDrawer.vue

@@ -81,7 +81,7 @@ function closeDrawer() {
                v-model="editOpen"
                :close-on-click-modal="false"
                :close-on-press-escape="false"
-               :title="`竞品监控- 编辑 `"
+               :title="`竞品监控 - 编辑 `"
                size="25%">
       <el-form
           ref="ruleFormRef"

+ 1 - 1
src/views/product-manage/product-list/component/EditDrawer.vue

@@ -100,7 +100,7 @@ function mappingShopId(val: any) {
         :close-on-click-modal="false"
         :close-on-press-escape="false"
         size="30%"
-        title="商品列表- 编辑">
+        title="商品列表 - 编辑">
       <el-form
           ref="ruleFormRef"
           :model="ruleForm"

+ 1 - 1
src/views/product-manage/product-monitor/component/EditDrawer.vue

@@ -99,7 +99,7 @@ function closeDrawer() {
                v-model="editOpen"
                :close-on-click-modal="false"
                :close-on-press-escape="false"
-               :title="`商品监控- 编辑 `"
+               :title="`商品监控 - 编辑 `"
                size="25%">
       <el-form
           ref="ruleFormRef"

+ 1 - 1
src/views/sku-manage/product-attribute/component/EditDrawer.vue

@@ -70,7 +70,7 @@ function closeDrawer() {
                v-model="editOpen"
                :close-on-click-modal="false"
                :close-on-press-escape="false"
-               :title="`产品属性- 编辑 `"
+               :title="`产品属性 - 编辑 `"
                size="25%">
       <el-form
           ref="ruleFormRef"

+ 1 - 1
src/views/sku-manage/product-brand/component/EditDrawer.vue

@@ -68,7 +68,7 @@ function closeDrawer() {
                v-model="editOpen"
                :close-on-click-modal="false"
                :close-on-press-escape="false"
-               :title="`产品品牌- 编辑 `"
+               :title="`产品品牌 - 编辑 `"
                size="25%">
       <el-form
           ref="ruleFormRef"

+ 0 - 1
src/views/sku-manage/product-category/component/AttributeManageCreate.vue

@@ -15,7 +15,6 @@ const props: any = defineProps({
   rowData: Object
 });
 const { rowData } = props;
-console.log('(AttributeManageCreate.vue: 19)=> rowData', rowData);
 
 const emit = defineEmits([ 'refresh' ]);
 

+ 11 - 2
src/views/sku-manage/product-category/component/DataTableSlot.vue

@@ -66,8 +66,8 @@ function onConfirm() {
           </template>
         </el-popconfirm>
         <el-tooltip :disabled="row.status == '3'" :enterable="false" :show-arrow="false" content="属性管理" hide-after="0"
-                    placement="top" popper-class="custom-btn-tooltip-2">
-          <PermissionButton :color="'#6466F1'" :disabled="row.status == '3'" circle plain @click="handleAttribute">
+                    placement="top" popper-class="custom-btn-tooltip-3">
+          <PermissionButton :color="'#00A1D6'" :disabled="row.status == '3'" circle plain @click="handleAttribute">
             <el-icon>
               <MessageBox />
             </el-icon>
@@ -92,3 +92,12 @@ function onConfirm() {
 <style scoped>
 
 </style>
+
+<style lang="scss">
+.custom-btn-tooltip-3 {
+  background-color: #E6F5FB !important;
+  color: #606266 !important;
+  border: 1px solid #00A1D6 !important;
+  font-size: 14px;
+}
+</style>

+ 1 - 1
src/views/sku-manage/product-category/component/EditDrawer.vue

@@ -68,7 +68,7 @@ function closeDrawer() {
                v-model="editOpen"
                :close-on-click-modal="false"
                :close-on-press-escape="false"
-               :title="`产品种类- 编辑 `"
+               :title="`产品种类 - 编辑 `"
                size="25%">
       <el-form
           ref="ruleFormRef"