feat: autoprefixer

package.json

@@ -42,6 +42,7 @@
     "@vue/cli-plugin-eslint": "^4.4.0",
     "@vue/cli-service": "^4.4.0",
     "@vuepress/plugin-back-to-top": "^1.5.2",
+    "autoprefixer": "^9.8.6",
     "babel-eslint": "^10.1.0",
     "babel-plugin-transform-remove-console": "^6.9.4",
     "babel-polyfill": "^6.26.0",

src/components/table/index.vue

@@ -69,7 +69,7 @@
                 </a-space>
             </template>
         </a-drawer>
-        <slot name="children"></slot>
+        <slot name="children" />
     </div>
 </template>
 

src/components/table/table.vue

@@ -9,6 +9,13 @@
 
             <div class="tw-text-right tw-mt-2">
                 <a-space>
+                    <a-popover title="Title">
+                        <template slot="content">
+                            <p>Content</p>
+                            <p>Content</p>
+                        </template>
+                        <a-button>高级查询</a-button>
+                    </a-popover>
                     <a-button @click="reset">重置</a-button>
                     <a-button type="primary" @click="getData">查询</a-button>
                 </a-space>
@@ -27,6 +34,7 @@
                 :data-source="data"
                 :loading="loading"
                 v-bind="$attrs"
+                :rowKey="rowKey"
                 :pagination="pagination"
                 @change="pageChange"
             >
@@ -69,6 +77,7 @@ export default {
         buttons: Array,
         noPage: Boolean,
         formatData: Function,
+        rowKey: [String, Function],
     },
 
     data() {

src/pages/frame/components/tab/LayoutTabsHeader.vue

@@ -15,7 +15,9 @@
                     :class="['icon-sync', { hide: page.fullPath !== active && !page.loading }]"
                     :type="page.loading ? 'loading' : 'sync'"
                 />
-                <div class="title" @click="onTabClick(page.fullPath)">{{ pageName(page) }}</div>
+                <div class="tw-inline-block tw-select-none tw-h-full" @click="onTabClick(page.fullPath)">
+                    {{ pageName(page) }}
+                </div>
                 <a-icon
                     v-if="!page.unclose"
                     @click="onClose(page.fullPath)"
@@ -102,12 +104,7 @@ export default {
     font-size: 14px;
     user-select: none;
     transition: all 0.2s;
-    .title {
-        display: inline-block;
-        height: 100%;
-        user-select: none;
-        -webkit-user-select: none;
-    }
+
     .icon-close {
         font-size: 12px;
         margin-left: 6px;

src/pages/xunjian/task_managment/center/form.vue

+<template>
+    <h1>新增</h1>
+</template>

src/pages/xunjian/task_managment/center/index.js

+import Center from './index.vue';
+
+export default Center;

src/pages/xunjian/task_managment/center/index.vue

+<template>
+    <Table url="/ranger/inspection/api/v1/jobs" :buttons="buttons" rowKey="jobId" addBtn>
+        <template #search="{query}">
+            <my-form-item label="开始时间">
+                <a-date-picker
+                    class="tw-w-full"
+                    show-time
+                    v-model="query.startTime"
+                    valueFormat="YYYY-MM-DD HH:mm:ss"
+                />
+            </my-form-item>
+        </template>
+
+        <template #drawer="hidden">
+            <Form :hidden="hidden" />
+        </template>
+
+        <a-table-column title="线路名称" data-index="routeName" />
+        <a-table-column title="专业" data-index="specialityName" />
+        <a-table-column title="地区" data-index="regionName" />
+        <a-table-column title="班组" data-index="shiftTypeName" />
+        <a-table-column title="任务时间" data-index="jobTime" />
+        <a-table-column title="巡检状态" data-index="inspectionStateName" />
+        <a-table-column title="任务类型" data-index="jobTypeName" />
+        <a-table-column title="巡检开始时间" data-index="inspectionStartTime" />
+        <a-table-column title="巡检结束时间" data-index="inspectionEndTime" />
+        <a-table-column title="巡检人" data-index="lastInspectionStaffName" />
+    </Table>
+</template>
+
+<script>
+import Table from '@/components/table/table.vue';
+import Form from './form.vue';
+
+export default {
+    components: { Table, Form },
+    data() {
+        return {
+            buttons: [
+                {
+                    label: '详情',
+                },
+                { label: '进度' },
+                { type: 'confirm' },
+            ],
+        };
+    },
+};
+</script>

src/pages/xunjian/view/area/index.vue

-<template>
-    <my-table url="table" :search="search" />
-</template>
-
-<script>
-export default {
-    data: () => ({
-        search: [
-            {
-                type: 'input',
-                key: 'name',
-                label: '所属组织',
-                options: {
-                    placeholder: '请选择所属组织',
-                },
-            },
-            {
-                type: 'input',
-                key: 'address',
-                label: '地区名称',
-            },
-        ],
-    }),
-};
-</script>

src/router/config.js

@@ -55,6 +55,25 @@ const hasAuthorityRoutes = [
                     },
                 ],
             },
+            {
+                path: 'ranger',
+                name: '巡检管理',
+                component: PageTemplateView,
+                children: [
+                    {
+                        path: 'task',
+                        name: '任务管理',
+                        component: RouterView,
+                        children: [
+                            {
+                                path: 'center',
+                                name: '任务中心',
+                                component: () => import('@/pages/xunjian/task_managment/center/index'),
+                            },
+                        ],
+                    },
+                ],
+            },
             {
                 path: 'system',
                 name: '系统管理',
@@ -131,7 +150,7 @@ const hasAuthorityRoutes = [
                     },
                     {
                         path: 'task',
-                        name: '任务管理',
+                        name: '任务',
                         component: () => import('@/pages/system/view/task/index.vue'),
                     },
                 ],

vue.config.js

@@ -281,7 +281,7 @@ module.exports = {
                 },
             },
             postcss: {
-                plugins: [require('tailwindcss')],
+                plugins: [require('tailwindcss'), require('autoprefixer')],
             },
         },
     },