Przeglądaj źródła

话术管理和标签管理页面优化

sugar1569 2 lat temu
rodzic
commit
3cdd523e6d

+ 17 - 3
template/admin/src/pages/setting/storeService/speechcraft.vue

@@ -1,7 +1,7 @@
 <template>
 <template>
   <div>
   <div>
     <Row class="ivu-mt box-wrapper">
     <Row class="ivu-mt box-wrapper">
-      <Col span="3" class="left-wrapper">
+      <Col v-bind="grid1" class="left-wrapper">
         <Menu :theme="theme3" :active-name="sortName" width="auto">
         <Menu :theme="theme3" :active-name="sortName" width="auto">
           <MenuGroup>
           <MenuGroup>
             <MenuItem
             <MenuItem
@@ -28,7 +28,7 @@
           </MenuGroup>
           </MenuGroup>
         </Menu>
         </Menu>
       </Col>
       </Col>
-      <Col span="21" ref="rightBox">
+      <Col v-bind="grid2" ref="rightBox">
         <Card :bordered="false" dis-hover>
         <Card :bordered="false" dis-hover>
           <Row type="flex" class="mb20">
           <Row type="flex" class="mb20">
             <Col span="24">
             <Col span="24">
@@ -109,6 +109,20 @@ export default {
   },
   },
   data() {
   data() {
     return {
     return {
+      grid1: {
+        xl: 4,
+        lg: 4,
+        md: 6,
+        sm: 8,
+        xs: 0,
+      },
+      grid2: {
+        xl: 20,
+        lg: 20,
+        md: 18,
+        sm: 16,
+        xs: 24,
+      },
       isChat: true,
       isChat: true,
       formValidate3: {
       formValidate3: {
         page: 1,
         page: 1,
@@ -600,7 +614,7 @@ export default {
 .left-wrapper
 .left-wrapper
     height 904px
     height 904px
     background #fff
     background #fff
-    border-right 1px solid #dcdee2
+    border-right 1px solid #f2f2f2
 .menu-item
 .menu-item
     z-index 50
     z-index 50
     position: relative;
     position: relative;

+ 23 - 14
template/admin/src/pages/user/label/index.vue

@@ -1,7 +1,7 @@
 <template>
 <template>
   <div>
   <div>
     <Row class="ivu-mt box-wrapper">
     <Row class="ivu-mt box-wrapper">
-      <Col span="3" class="left-wrapper">
+      <Col v-bind="grid1"  class="left-wrapper">
         <Menu :theme="theme3" :active-name="sortName" width="auto">
         <Menu :theme="theme3" :active-name="sortName" width="auto">
           <MenuGroup>
           <MenuGroup>
             <MenuItem
             <MenuItem
@@ -32,10 +32,10 @@
           </MenuGroup>
           </MenuGroup>
         </Menu>
         </Menu>
       </Col>
       </Col>
-      <Col span="21" ref="rightBox">
+      <Col v-bind="grid2" ref="rightBox">
         <Card :bordered="false" dis-hover>
         <Card :bordered="false" dis-hover>
           <Row type="flex">
           <Row type="flex">
-            <Col v-bind="grid">
+            <Col>
               <Button v-auth="['admin-user-label_add']" type="primary" icon="md-add" @click="add">添加标签</Button>
               <Button v-auth="['admin-user-label_add']" type="primary" icon="md-add" @click="add">添加标签</Button>
               <Button
               <Button
                 v-auth="['admin-user-label_add']"
                 v-auth="['admin-user-label_add']"
@@ -84,31 +84,40 @@ export default {
   name: 'user_label',
   name: 'user_label',
   data() {
   data() {
     return {
     return {
-      grid: {
-        xl: 7,
-        lg: 7,
-        md: 12,
-        sm: 24,
+      grid1: {
+        xl: 4,
+        lg: 4,
+        md: 6,
+        sm: 8,
+        xs: 0,
+      },
+      grid2: {
+        xl: 20,
+        lg: 20,
+        md: 18,
+        sm: 16,
         xs: 24,
         xs: 24,
       },
       },
+
       loading: false,
       loading: false,
       columns1: [
       columns1: [
         {
         {
           title: 'ID',
           title: 'ID',
           key: 'id',
           key: 'id',
           align: 'center',
           align: 'center',
-          width: 120,
-        },
-        {
-          title: '分类名称',
-          key: 'cate_name',
-          align: 'center',
+          width: 80,
         },
         },
         {
         {
           title: '标签名称',
           title: '标签名称',
           key: 'label_name',
           key: 'label_name',
+          align: 'left',
+        },
+        {
+          title: '分类名称',
+          key: 'cate_name',
           align: 'center',
           align: 'center',
         },
         },
+
         {
         {
           title: '操作',
           title: '操作',
           slot: 'action',
           slot: 'action',

+ 2 - 2
template/admin/src/pages/user/list/index.vue

@@ -14,7 +14,7 @@
         <Row :gutter="16">
         <Row :gutter="16">
           <Col span="18">
           <Col span="18">
             <Col span="24">
             <Col span="24">
-              <Col v-bind="grid">
+              <Col span="20">
                 <FormItem label="用户搜索:" label-for="nickname">
                 <FormItem label="用户搜索:" label-for="nickname">
                   <Input v-model="userFrom.nickname" placeholder="请输入用户" element-id="nickname" clearable>
                   <Input v-model="userFrom.nickname" placeholder="请输入用户" element-id="nickname" clearable>
                     <Select v-model="field_key" slot="prepend" style="width: 80px">
                     <Select v-model="field_key" slot="prepend" style="width: 80px">
@@ -536,7 +536,7 @@ export default {
       contentWidth: '98%',
       contentWidth: '98%',
       grid: {
       grid: {
         xl: 8,
         xl: 8,
-        lg: 8,
+        lg: 12,
         md: 12,
         md: 12,
         sm: 24,
         sm: 24,
         xs: 24,
         xs: 24,