sccg_ui.git - Gitblit

parent: ab36c0c3 | 补丁 | 提交 | ignore whitespace

“dzb”

2022-09-22 65cf29e0e28e60e8264cd66826aa23d3ae986f37

完成部分案件池静态页面

7个文件已修改

7个文件已添加

3 文件已复制

5 文件已重命名

1个文件已删除

	public/favicon.ico	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	public/index.html	3 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/App.vue	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/assets/icons/微信图片_20220922154214.png	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/router/index.js	25 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/layout/components/Menu/index.vue	8 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/operate/disposal/casepool/dispatch/index.vue	62 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/operate/disposal/casepool/escalation/index.vue	58 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/operate/disposal/casepool/notDeal/index.vue	261 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/operate/disposal/casepool/pool/compenents/checkIn/index.vue	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/operate/disposal/casepool/pool/index.vue	95 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/operate/disposal/index.vue	16 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/operate/shop/components/createUser/index.vue	8 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/operate/shop/components/header/index.vue	101 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/operate/shop/components/main/index.vue	259 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/operate/shop/components/updateUser/index.vue	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/operate/shop/index.vue	91 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/operate/店铺管理	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/systemSetting/baseSetting/user/components/createUser/index.vue	8 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/systemSetting/baseSetting/user/components/header/index.vue	101 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/systemSetting/baseSetting/user/components/main/index.vue	259 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/systemSetting/baseSetting/user/components/updateUser/index.vue	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/systemSetting/baseSetting/user/index.vue	356 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 public/favicon.ico



 public/index.html

@@ -5,7 +5,8 @@
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
    <title>éææ§æ³å¹³å°</title>
  </head>
  <body>
    <noscript>

 src/App.vue

@@ -1,6 +1,6 @@
<template>
  <div id="app">
    <router-view/>  
    <router-view />
  </div>
</template>

@@ -11,4 +11,4 @@
export default {

};
</script>
</script>

 src/assets/icons/Î¢ÐÅÍ¼Æ¬_20220922154214.png


 src/router/index.js

@@ -67,15 +67,30 @@
          {
            path: 'casepool',
            name: 'casepool',
            component: () => import('@/views/operate/disposal/casepool'),
            children: [
            component: () => import('@/views/operate/disposal'),
            children:[
              {
                path: 'pool',
                name: 'pool',
                component: () => import('@/views/operate/disposal/casepool/pool'),
              },
              {
                path: 'escalation',
                name: 'escalation',
                component: () => import('@/views/operate/disposal/escalation'),
              }
                component: () => import('@/views/operate/disposal/casepool/escalation'),
              },
              {
                path: 'dispatch',
                name: 'dispatch',
                component: () => import('@/views/operate/disposal/casepool/dispatch'),
              },
              {
                path: 'notDeal',
                name: 'notDeal',
                component: () => import('@/views/operate/disposal/casepool/notDeal'),
              },
            ]
          }
          },
        ]
      },
      {

 src/views/layout/components/Menu/index.vue

@@ -76,11 +76,11 @@
              <template slot="title">
                <span class="secondSpan">äºé¡¹å¤çç®¡ç</span>
              </template>
              <el-menu-item index="/home/operate/casepool">æ¡ä»¶æ± </el-menu-item>
              <el-menu-item index="/home/operate/casepool">ä¸æ¥ç®¡ç</el-menu-item>
              <el-menu-item index="/home/operate/casepool">è°åº¦ç®¡ç</el-menu-item>
              <el-menu-item index="/home/operate/casepool/pool">æ¡ä»¶æ± </el-menu-item>
              <el-menu-item index="/home/operate/casepool/escalation">ä¸æ¥ç®¡ç</el-menu-item>
              <el-menu-item index="/home/operate/casepool/dispatch">è°åº¦ç®¡ç</el-menu-item>
              <!-- <el-menu-item index="/home/operate/casepool">åå¦ä¹ ç®¡ç</el-menu-item> -->
              <el-menu-item index="/home/operate/casepool">æä¸å¤ç</el-menu-item>
              <el-menu-item index="/home/operate/casepool/notDeal">æä¸å¤ç</el-menu-item>
            </el-submenu>
            <el-menu-item index="/home/operate/myWait">æçå¾å</el-menu-item>
            <el-menu-item index="/home/operate/rectification">ä¸é¡¹æ´æ²»</el-menu-item>

 src/views/operate/disposal/casepool/dispatch/index.vue

copy from src/views/operate/disposal/escalation/index.vue
copy to src/views/operate/disposal/casepool/dispatch/index.vue
File was copied from src/views/operate/disposal/escalation/index.vue
@@ -6,9 +6,9 @@
                <span>æ¥æºæ¥è¯¢ï¼</span>
                <el-input placeholder="è¯·è¾å¥é®é¢æ¥æº"></el-input>
            </div>
            <div class="add">
            <!-- <div class="add">
                <el-button type="primary" icon="el-icon-plus" @click="handleOpenDialog">æ·»å </el-button>
            </div>
            </div> -->
        </header>
        <!-- ä¸»ä½å±ç¤º -->
        <main>
@@ -17,8 +17,10 @@
                <div class="nav">
                    <el-tabs type="border-card">
                        <el-tab-pane :label="item.name" v-for="item in tagList" :key="item.name">
                            <!-- æ°æ®æ¸²æ -->
                            <el-table ref="multipleTable"
                        </el-tab-pane>
                    </el-tabs>
                    <!-- æ°æ®æ¸²æ -->
                    <el-table ref="multipleTable"
                                :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                                :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
                                <el-table-column type="selection" min-width="5">
@@ -45,19 +47,13 @@
                                <el-table-column prop="operation" label="æä½" min-width="15">
                                    <template slot-scope="scope">
                                        <div class="operation">
                                            <span @click="handleFind(scope.row)">ä¸æ¥</span>
                                            <span @click="handleFind(scope.row)">è°åº¦</span>
                                            <span class="line">|</span>
                                            <span @click="handleUpdate(scope.row)">è°åº¦</span>
                                            <span class="line">|</span>
                                            <span>åå¦ä¹ </span>
                                            <span class="line">|</span>
                                            <span>æä¸å¤ç</span>
                                            <span @click="handleUpdate(scope.row)">ä¸ä¼ å¤ç½®ç»æ</span>
                                        </div>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </el-tab-pane>
                    </el-tabs>
                </div>
            </div>
        </main>
@@ -73,31 +69,31 @@
// import checkIn from './compenents/checkIn';
export default {
    components: {
        checkIn,
        // checkIn,
    },
    data() {
        return {
            tagList: [
                {
                    name: 'å¾å¤ç',
                    value: 0,
                },
                {
                    name: 'å·²ä¸æ¥',
                    value: 0,
                },
                {
                    name: 'å·²è°åº¦',
                    value: 0,
                },
                {
                    name: 'å¨å¦ä¹ ',
                    value: 0,
                },
                {
                    name: 'æä¸å¤ç',
                    value: 0,
                },
                // {
                //     name: 'å¾å¤ç',
                //     value: 0,
                // },
                // {
                //     name: 'å·²ä¸æ¥',
                //     value: 0,
                // },
                // {
                //     name: 'å·²è°åº¦',
                //     value: 0,
                // },
                // {
                //     name: 'å¨å¦ä¹ ',
                //     value: 0,
                // },
                // {
                //     name: 'æä¸å¤ç',
                //     value: 0,
                // },
                {
                    name: 'è¿è§',
                    value: 0,

 src/views/operate/disposal/casepool/escalation/index.vue

File was renamed from src/views/operate/disposal/escalation/index.vue
@@ -6,9 +6,9 @@
                <span>æ¥æºæ¥è¯¢ï¼</span>
                <el-input placeholder="è¯·è¾å¥é®é¢æ¥æº"></el-input>
            </div>
            <div class="add">
            <!-- <div class="add">
                <el-button type="primary" icon="el-icon-plus" @click="handleOpenDialog">æ·»å </el-button>
            </div>
            </div> -->
        </header>
        <!-- ä¸»ä½å±ç¤º -->
        <main>
@@ -17,8 +17,10 @@
                <div class="nav">
                    <el-tabs type="border-card">
                        <el-tab-pane :label="item.name" v-for="item in tagList" :key="item.name">
                            <!-- æ°æ®æ¸²æ -->
                            <el-table ref="multipleTable"
                        </el-tab-pane>
                    </el-tabs>
                    <!-- æ°æ®æ¸²æ -->
                    <el-table ref="multipleTable"
                                :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                                :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
                                <el-table-column type="selection" min-width="5">
@@ -43,7 +45,7 @@
                                <el-table-column prop="duration" label="æç»æ¶é´" min-width="6">
                                </el-table-column>
                                <el-table-column prop="operation" label="æä½" min-width="15">
                                    <template slot-scope="scope">
                                    <!-- <template slot-scope="scope">
                                        <div class="operation">
                                            <span @click="handleFind(scope.row)">ä¸æ¥</span>
                                            <span class="line">|</span>
@@ -53,11 +55,9 @@
                                            <span class="line">|</span>
                                            <span>æä¸å¤ç</span>
                                        </div>
                                    </template>
                                    </template> -->
                                </el-table-column>
                            </el-table>
                        </el-tab-pane>
                    </el-tabs>
                </div>
            </div>
        </main>
@@ -73,31 +73,31 @@
// import checkIn from './compenents/checkIn';
export default {
    components: {
        checkIn,
        // checkIn,
    },
    data() {
        return {
            tagList: [
                {
                    name: 'å¾å¤ç',
                    value: 0,
                },
                {
                    name: 'å·²ä¸æ¥',
                    value: 0,
                },
                {
                    name: 'å·²è°åº¦',
                    value: 0,
                },
                {
                    name: 'å¨å¦ä¹ ',
                    value: 0,
                },
                {
                    name: 'æä¸å¤ç',
                    value: 0,
                },
                // {
                //     name: 'å¾å¤ç',
                //     value: 0,
                // },
                // {
                //     name: 'å·²ä¸æ¥',
                //     value: 0,
                // },
                // {
                //     name: 'å·²è°åº¦',
                //     value: 0,
                // },
                // {
                //     name: 'å¨å¦ä¹ ',
                //     value: 0,
                // },
                // {
                //     name: 'æä¸å¤ç',
                //     value: 0,
                // },
                {
                    name: 'è¿è§',
                    value: 0,

 src/views/operate/disposal/casepool/notDeal/index.vue

New file
@@ -0,0 +1,261 @@
<template>
    <div class="casepool">
        <!-- æ¥è¯¢æ·»å  -->
        <header>
            <div class="search">
                <span>æ¥æºæ¥è¯¢ï¼</span>
                <el-input placeholder="è¯·è¾å¥é®é¢æ¥æº"></el-input>
            </div>
            <!-- <div class="add">
                <el-button type="primary" icon="el-icon-plus" @click="handleOpenDialog">æ·»å </el-button>
            </div> -->
        </header>
        <!-- ä¸»ä½å±ç¤º -->
        <main>
            <div class="mainContent">
                <!-- å¯¼èªç¶ææ ç¾ -->
                <div class="nav">
                    <el-tabs type="border-card">
                        <el-tab-pane :label="item.name" v-for="item in tagList" :key="item.name">
                        </el-tab-pane>
                    </el-tabs>
                    <!-- æ°æ®æ¸²æ -->
                <el-table ref="multipleTable"
                    :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
                    <el-table-column type="selection" min-width="5">
                    </el-table-column>
                    <el-table-column label="äºä»¶ç¼å·" min-width="6">
                        <template slot-scope="scope">{{ scope.row.id }}</template>
                    </el-table-column>
                    <el-table-column prop="source" label="é®é¢æ¥æº" min-width="10">
                    </el-table-column>
                    <el-table-column prop="bigKind" label="å¤§ç±»åç§°" min-width="6">
                    </el-table-column>
                    <el-table-column prop="samllKind" label="å°ç±»åç§°" min-width="6">
                    </el-table-column>
                    <el-table-column prop="reson" label="æ¡ç±" min-width="10">
                    </el-table-column>
                    <el-table-column prop="location" label="æ¥è¦ç¹ä½" min-width="10">
                    </el-table-column>
                    <el-table-column prop="area" label="æå±åºå" min-width="10">
                    </el-table-column>
                    <el-table-column prop="appendTime" label="æ¥è¦æ¶é´" min-width="10">
                    </el-table-column>
                    <el-table-column prop="duration" label="æç»æ¶é´" min-width="6">
                    </el-table-column>
                    <el-table-column prop="operation" label="æä½" min-width="15">
                        <template slot-scope="scope">
                            <div class="operation">
                                <span @click="handleFind(scope.row)">éæ°å¤ç½®</span>
                            </div>
                        </template>
                    </el-table-column>
                </el-table>
                </div>
            </div>
        </main>
        <!-- ç»ä»¶åº -->
        <footer>
            <!-- <el-dialog v-if="visible" :visible.async="visible" title="é®é¢ç»è®°" width="60%" :before-close="handleClose">
                <checkIn></checkIn>
            </el-dialog> -->
        </footer>
    </div>
</template>
<script>
// import checkIn from './compenents/checkIn';
export default {
    components: {
        // checkIn,
    },
    data() {
        return {
            tagList: [
                // {
                //     name: 'å¾å¤ç',
                //     value: 0,
                // },
                // {
                //     name: 'å·²ä¸æ¥',
                //     value: 0,
                // },
                // {
                //     name: 'å·²è°åº¦',
                //     value: 0,
                // },
                // {
                //     name: 'å¨å¦ä¹ ',
                //     value: 0,
                // },
                // {
                //     name: 'æä¸å¤ç',
                //     value: 0,
                // },
                {
                    name: 'è¿è§',
                    value: 0,
                },
                {
                    name: 'è¿å»º',
                    value: 0,
                },
            ],
            tableData: [
                {
                    id: 13413114,
                    source: 'äººå·¥ä¸æ¥/è§é¢å·¡æ¥',
                    appendTime: '2022-01-09 14:52'
                }
            ],
            visible: false,
        }
    },
    methods: {
        // è®¾ç½®è¡¨æ ¼æé©¬çº¹
        tableRowClassName({ row, rowIndex }) {
            if ((rowIndex + 1) % 2 == 0) {
                return 'warning-row';
            } else {
                return 'success-row';
            }
            return '';
        },
        // æå¼æ·»å é¡µ
        handleOpenDialog() {
            this.visible = true;
        },
        // å³éå¯¹è¯æ¡
        handleClose(done) {
            this.$confirm('ç¡®è®¤å³éï¼')
                .then(_ => {
                    this.visible = false;
                    done();
                })
                .catch(_ => { });
        }
    }
}
</script>
<style lang="scss" scoped>
.casepool {
    text-align: left;
    color: #4b9bb7;

    header {
        display: flex;
        justify-content: space-between;
        padding: 0 20px;
        line-height: 60px;

        .search {
            display: flex;

            span {
                flex: 2;
            }

            .el-input {
                flex: 5;

                &::v-deep .el-input__inner {
                    background-color: #09152f;
                    border: 1px solid #17324c;
                }
            }
        }

        .add {
            .el-button {
                background-color: #eb5d01;
                border: none;
                border-radius: 20px;
            }
        }
    }

    main {
        .mainContent {
            .nav {
                &::v-deep .el-tabs--border-card {
                    border: none;
                }

                &::v-deep .el-tabs--border-card>.el-tabs__content {
                    background-color: #09152f;
                }

                &::v-deep .el-tabs__nav-scroll {
                    background-color: #09152f;
                }

                &::v-deep .el-tabs__header {
                    line-height: 60px;
                }

                &::v-deep .el-tabs--border-card>.el-tabs__header .el-tabs__item {
                    color: #fff;
                }

                &::v-deep .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
                    color: #4b9bb7;
                    background-color: #071f39;
                    border: none;
                }

                .el-table {
                    font-size: 12px;
                    color: #4b9bb7;

                    .line {
                        padding: 0 5px;
                    }
                }

                &::v-deep .el-table__empty-block {
                    background-color: #09152f;
                    color: #4b9bb7;
                }

                .el-table::v-deep .warning-row {
                    background: #06122c;
                }

                .el-table::v-deep .success-row {
                    background: #071f39;
                }
            }
        }
    }

    footer {

        &::v-deep .el-dialog__header,
        &::v-deep .el-dialog__body {
            background-color: #06122c;
        }

        &::v-deep .el-dialog__header {
            display: flex;
            align-items: center;
            background-color: #fff;
            padding: 20px;
            line-height: 60px;
        }

        &::v-deep .el-dialog__title {
            color: #4b9bb7;
        }

        &::v-deep .el-dialog__close {
            width: 20px;
            height: 20px;
            // color: #fff;
        }

        &::v-deep .el-dialog__body {
            padding: 0;
        }
    }
}
</style>

 src/views/operate/disposal/casepool/pool/compenents/checkIn/index.vue


 src/views/operate/disposal/casepool/pool/index.vue

File was renamed from src/views/operate/disposal/casepool/index.vue
@@ -16,48 +16,47 @@
                <!-- å¯¼èªç¶ææ ç¾ -->
                <div class="nav">
                    <el-tabs type="border-card">
                        <el-tab-pane :label="item.name" v-for="item in tagList" :key="item.name">
                            <!-- æ°æ®æ¸²æ -->
                            <el-table ref="multipleTable"
                                :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                                :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
                                <el-table-column type="selection" min-width="5">
                                </el-table-column>
                                <el-table-column label="äºä»¶ç¼å·" min-width="6">
                                    <template slot-scope="scope">{{ scope.row.id }}</template>
                                </el-table-column>
                                <el-table-column prop="source" label="é®é¢æ¥æº" min-width="10">
                                </el-table-column>
                                <el-table-column prop="bigKind" label="å¤§ç±»åç§°" min-width="6">
                                </el-table-column>
                                <el-table-column prop="samllKind" label="å°ç±»åç§°" min-width="6">
                                </el-table-column>
                                <el-table-column prop="reson" label="æ¡ç±" min-width="10">
                                </el-table-column>
                                <el-table-column prop="location" label="æ¥è¦ç¹ä½" min-width="10">
                                </el-table-column>
                                <el-table-column prop="area" label="æå±åºå" min-width="10">
                                </el-table-column>
                                <el-table-column prop="appendTime" label="æ¥è¦æ¶é´" min-width="10">
                                </el-table-column>
                                <el-table-column prop="duration" label="æç»æ¶é´" min-width="6">
                                </el-table-column>
                                <el-table-column prop="operation" label="æä½" min-width="15">
                                    <template slot-scope="scope">
                                        <div class="operation">
                                            <span @click="handleFind(scope.row)">ä¸æ¥</span>
                                            <span class="line">|</span>
                                            <span @click="handleUpdate(scope.row)">è°åº¦</span>
                                            <span class="line">|</span>
                                            <span>åå¦ä¹ </span>
                                            <span class="line">|</span>
                                            <span>æä¸å¤ç</span>
                                        </div>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </el-tab-pane>
                        <el-tab-pane :label="item.name" v-for="item in tagList" :key="item.name"></el-tab-pane>
                    </el-tabs>
                    <!-- æ°æ®æ¸²æ -->
                    <el-table ref="multipleTable"
                        :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                        :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
                        <el-table-column type="selection" min-width="5">
                        </el-table-column>
                        <el-table-column label="äºä»¶ç¼å·" min-width="6">
                            <template slot-scope="scope">{{ scope.row.id }}</template>
                        </el-table-column>
                        <el-table-column prop="source" label="é®é¢æ¥æº" min-width="10">
                        </el-table-column>
                        <el-table-column prop="bigKind" label="å¤§ç±»åç§°" min-width="6">
                        </el-table-column>
                        <el-table-column prop="samllKind" label="å°ç±»åç§°" min-width="6">
                        </el-table-column>
                        <el-table-column prop="reson" label="æ¡ç±" min-width="10">
                        </el-table-column>
                        <el-table-column prop="location" label="æ¥è¦ç¹ä½" min-width="10">
                        </el-table-column>
                        <el-table-column prop="area" label="æå±åºå" min-width="10">
                        </el-table-column>
                        <el-table-column prop="appendTime" label="æ¥è¦æ¶é´" min-width="10">
                        </el-table-column>
                        <el-table-column prop="duration" label="æç»æ¶é´" min-width="6">
                        </el-table-column>
                        <el-table-column prop="operation" label="æä½" min-width="15">
                            <template slot-scope="scope">
                                <div class="operation">
                                    <span @click="handleFind(scope.row)">ä¸æ¥</span>
                                    <span class="line">|</span>
                                    <span @click="handleUpdate(scope.row)">è°åº¦</span>
                                    <span class="line">|</span>
                                    <span>åå¦ä¹ </span>
                                    <span class="line">|</span>
                                    <span>æä¸å¤ç</span>
                                </div>
                            </template>
                        </el-table-column>
                    </el-table>
                </div>
            </div>
        </main>
@@ -133,13 +132,13 @@
        },
        // å³éå¯¹è¯æ¡
        handleClose(done) {
        this.$confirm('ç¡®è®¤å³éï¼')
          .then(_ => {
            this.visible = false;
            done();
          })
          .catch(_ => {});
      }
            this.$confirm('ç¡®è®¤å³éï¼')
                .then(_ => {
                    this.visible = false;
                    done();
                })
                .catch(_ => { });
        }
    }
}
</script>

 src/views/operate/disposal/index.vue

@@ -1,15 +1,3 @@
<template>
    <div class="disposal">
        <router-view></router-view>
    </div>
</template>
<script>
    export default {
        data(){
            return{

            }
        }
    }
</script>
<style lang="scss" scoped></style>
    <router-view></router-view>
</template>

 src/views/operate/shop/components/createUser/index.vue

File was renamed from src/views/systemSetting/baseSetting/user/createUser/index.vue
@@ -280,7 +280,6 @@
    methods: {
        handleUser() {
            const { user } = this;
            console.log(user);
            this.$axios.post('sccg/admin/register', {
                departmentId: user.departmentId,
                email: user.email,
@@ -293,12 +292,13 @@
                username: user.username,
            }).then(res => {
                if (res.code === 200) {
                    this.refresh();
                    console.log(1);
                    this.$emit('sendDialog',{flag:false});
                }
            })
        }
        },
    },
    props: ['refresh']
    props: ['sendDialog']
}
</script>
<style lang="scss" scoped>

 src/views/operate/shop/components/header/index.vue

New file
@@ -0,0 +1,101 @@
<template>
    <header>
        <div class="headerContent">
            <div class="search">
                <span>çéæ¡ä»¶:</span>
                <el-input placeholder="è¯·è¾å¥åå®¹" v-model="search"></el-input>
                <div class="findBtn">
                    <el-button type="primary" @click="setSearch">æ¥è¯¢</el-button>
                </div>
            </div>
            <div class="addUser">
                <!-- :before-close="handleClose" -->
                <el-button class="addBtn" type="primary" @click="dialogCreate = true">æ·»å ç¨æ·</el-button>
                <el-dialog :visible.sync="dialogCreate" title="æ°å¢è´¦æ·" width="45%" v-if="dialogCreate">
                    <createUser @sendDialog="sendDialog" />
                </el-dialog>
            </div>
        </div>
    </header>
</template>
<script>
import createUser from "../createUser";
export default {
    components: {
        createUser,
    },
    data() {
        return {
            dialogCreate: false,
            search: '',
        }
    },
    methods: {
        setSearch() {
            this.$emit('getSearch', { text: this.search })
        },
        sendDialog(flag) {
            console.log(flag);
            this.dialogCreate = flag.flag;
            this.$emit('setDialog', { flag:true })
        }
    },
    props: ['setDialog', 'getSearch', 'flag'],
}
</script>
<style lang="scss" scoped>
header {
    background-color: #09152f;
    border: 1pox solid #fff;

    .headerContent {
        padding: 0 40px;
        display: flex;
        line-height: 100px;
        justify-content: space-between;
        align-items: center;

        .search {
            display: flex;
            justify-content: flex-start;

            span {
                flex: 1;
            }

            .el-input {
                flex: 2;
                color: #1d3f57;

                &::v-deep .el-input__inner {
                    background-color: #09152f;
                    border: 1px solid #17324c;
                }
            }

        }

        .findBtn {
            line-height: 100px;
            margin-left: 15px;
            display: flex;
            align-items: center;
            margin-top: -2px;

            .el-button {
                padding: 12px 25px;
                border-radius: 20px;
            }
        }

        .addBtn {
            background-color: #eb5d01;
            border: none;
            border-radius: 20px;
            padding: 12px 30px;
        }

            
    }
}
</style>

 src/views/operate/shop/components/main/index.vue

New file
@@ -0,0 +1,259 @@
<template>
    <main>
        <div class="mainContent">
            <!-- æ°æ®å±ç¤º -->
            <el-table ref="multipleTable"
                :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
                <el-table-column type="selection" min-width="5">
                </el-table-column>
                <el-table-column label="ç¨æ·ID" min-width="5">
                    <template slot-scope="scope">{{ scope.row.id }}</template>
                </el-table-column>
                <el-table-column prop="nickName" label="ç¨æ·åç§°" min-width="10">
                </el-table-column>
                <el-table-column prop="username" label="æå±å§å" min-width="10">
                </el-table-column>
                <el-table-column prop="mobile" label="èç³»æ¹å¼" min-width="10">
                </el-table-column>
                <el-table-column prop="note" label="æå±è§è²" min-width="10">
                </el-table-column>
                <el-table-column prop="departName" label="æå±é¨é¨" min-width="10">
                </el-table-column>
                <el-table-column prop="jobTitle" label="æå±èå¡" min-width="10">
                </el-table-column>
                <el-table-column prop="createTime" label="åå»ºæ¶é´" min-width="10">
                </el-table-column>
                <el-table-column prop="status" label="å¯ç¨" min-width="5">
                    <template slot-scope="scope">
                        <el-switch class="switchStyle" v-model="scope.row.status" active-text="å¼" inactive-text="å³"
                            active-color="#3fef9a" inactive-color="#000212" @change="handleChangeStatus(scope.row)">
                        </el-switch>
                    </template>
                </el-table-column>
                <el-table-column prop="operation" label="æä½" min-width="15">
                    <template slot-scope="scope">
                        <div class="operation">
                            <!-- <span @click="handleChangeRole(scope.row)">ä¿®æ¹è§è²</span> -->
                            <span @click="handleFind(scope.row)">æ¥ç</span>
                            <span class="line">|</span>
                            <!-- <span>ä¿®æ¹å¯ç </span> -->
                            <!-- <span>å é¤</span> -->
                            <span @click="handleUpdate(scope.row)">ä¿®æ¹é¨é¨</span>
                        </div>
                    </template>
                </el-table-column>
            </el-table>
            <!-- æ¥çä¿®æ¹é¡µé¢ -->
            <el-dialog :visible.sync="dialogUpdate" width="45%" v-if="dialogUpdate"
                :title="updateFlag ? 'ä¿®æ¹ç¨æ·é¨é¨ä¿¡æ¯' :'æ¥çç¨æ·ä¿¡æ¯'">
                <updateUser :updateFlag="updateFlag" :userInfo=userInfo />
            </el-dialog>
            <!-- åé¡µ -->
            <div class="pagination">
                <el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum"
                    :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev"
                    @next-click="handleNext">
                </el-pagination>
            </div>
        </div>
    </main>
</template>
<script>
import helper from '@/utils/mydate'
import updateUser from '../updateUser';
export default {
    components: {
        updateUser
    },
    data() {
        return {
            tableData: [],
            search: "",
            dialogUpdate: false,
            updateFlag: false,
            userInfo: '',
            totalNum: 200,
            pageSize: 10,
            currentPage: 1,
            renderFlag: false,
        }
    },
    created() {
        this.getUserList();
    },
    methods: {
        // å½åé¡µæ¹åè§¦åäºä»¶
        changeCurrentPage(page) {
            this.currentPage = page;
            this.getUserList();
        },
        // ä¸ä¸é¡µç¹å»äºä»¶
        handlePrev(page) {
            this.currentPage = page;
            this.getUserList();
        },
        // ä¸ä¸é¡µç¹å»äºä»¶
        handleNext(page) {
            this.currentPage = page;
            this.getUserList();
        },
        // ä¿®æ¹è§è²
        handleChangeRole(obj) {
            this.dialogUpdate = true
            this.user = obj;
            // console.log(obj)
        },
        // ä¿®æ¹ç¨æ·ç¶æ
        handleChangeStatus(obj) {
            let { id, status } = obj;
            status == true ? status = 1 : status = 0;
            this.$axios.post(`sccg/admin/updateStatus/` + id + '?status=' + status).then(res => {
                console.log(res);
            })
        },
        // è·åç¨æ·åè¡¨
        getUserList() {
            const that = this;
            const { currentPage, pageSize, search } = this;
            // è·åææç¨æ·ä¿¡æ¯ãç¨æ·æ¥è¯¢(ææ¶æ¯æçµè¯å·ç )
            this.$axios.get(`sccg/admin/list?mobile=${search}&current=${currentPage}&pageSize=${pageSize}`).then(res => {
                if (res.code === 200) {
                    res.data.records.forEach(item => {
                        item.createTime = helper(item.createTime);
                        item.status == 1 ? item.status = true : item.status = false;
                    })
                    that.totalNum = res.data.pages * pageSize;
                    that.tableData = res.data.records;
                    this.renderFlag = true;
                }
            })
        },
        // æ¥çç¨æ·ä¿¡æ¯(ä¸å¯ä¿®æ¹)
        handleFind(rowData) {
            this.dialogUpdate = true;
            this.updateFlag = false;
            this.userInfo = rowData;
        },
        // ä¿®æ¹ç¨æ·é¨é¨ä¿¡æ¯
        handleUpdate(rowData) {
            this.dialogUpdate = true;
            this.updateFlag = true;
            this.userInfo = rowData
        },
        // è®¾ç½®è¡¨æ ¼æé©¬çº¹
        tableRowClassName({ row, rowIndex }) {
                if ((rowIndex + 1) % 2 == 0) {
                    return 'warning-row';
                } else {
                    return 'success-row';
                }
                return '';
            },
    },
    props: ['refresh', 'keyword', 'resetFresh'],
    watch: {
        refresh: {
            handler(newValue, oldValue) {
                if (newValue == true) {
                    this.search = '';
                    if (this.keyword != '') {
                        this.search = this.keyword;
                    }
                    this.getUserList();
                    this.$emit('resetFresh', { flag: false })
                }
            },
            immediate: true
        }
    }
}
</script>
<style lang="scss" scoped>
main {
    background-color: #09152f;
    margin-top: 20px;
    padding-bottom: 50px;
    border: 1pox solid #fff;

    .mainTitle {
        line-height: 60px;
    }

    .pagination {
        margin-top: 50px;
        display: flex;
        line-height: 50px;
        justify-content: center;

        .el-pagination {

            &::v-deep li,
            &::v-deep .btn-prev,
            &::v-deep .btn-next {
                background-color: #071f39;
                color: #4b9bb7;
            }
        }
    }

    .el-table {
        color: #4b9bb7;
        font-size: 10px;

        &::v-deep .el-table__empty-block {
            background-color: #09152f;
            color: #4b9bb7;
        }

        .operation {
            display: flex;

            .line {
                padding: 0 5px;
            }

            span:hover {
                cursor: pointer;
            }
        }
    }

    .el-table::v-deep .warning-row {
        background: #06122c;
    }

    .el-table::v-deep .success-row {
        background: #071f39;
    }

    &::v-deep .switchStyle .el-switch__label {
        position: absolute;
        display: none;
        color: #fff;
    }

    &::v-deep .el-switch__core {
        background-color: rgba(166, 166, 166, 1);
    }

    &::v-deep .switchStyle .el-switch__label--left {
        z-index: 9;
        left: 20px;
    }

    &::v-deep .switchStyle .el-switch__label--right {
        z-index: 9;
        left: 4px;
    }

    &::v-deep .switchStyle .el-switch__label.is-active {
        display: block;
    }

    &::v-deep .switchStyle.el-switch .el-switch__core,
    &::v-deep .el-switch .el-switch__label {
        width: 50px !important;
    }
}
</style>

 src/views/operate/shop/components/updateUser/index.vue

copy from src/views/systemSetting/baseSetting/user/updateUser/index.vue
copy to src/views/operate/shop/components/updateUser/index.vue

 src/views/operate/shop/index.vue

New file
@@ -0,0 +1,91 @@
<template>
    <div class="userList">
        <!-- <header>
            <div class="headerContent">
                <div class="search">
                    <span>çéæ¡ä»¶:</span>
                    <el-input placeholder="è¯·è¾å¥åå®¹" v-model="search"></el-input>
                    <div class="findBtn">
                        <el-button type="primary" @click="getUserList">æ¥è¯¢</el-button>
                    </div>
                </div>
                <div class="addUser">
                    <el-button class="addBtn" type="primary" @click="dialogCreate = true">æ·»å ç¨æ·</el-button>
                    <el-dialog :visible.sync="dialogCreate" title="æ°å¢è´¦æ·" width="45%" v-if="dialogCreate"
                        :before-close="handleClose1">
                        <createUser :refresh="getUserList" />
                    </el-dialog>
                </div>
            </div>
        </header> -->
        <myHeader @setDialog="changeDialog" @getSearch="getSearch"></myHeader>
        <myMain :refresh="isFresh" :keyword="keyword" @resetFresh="resetFresh" />
    </div>
</template>
<script>
import myHeader from "./components/header"
import myMain from "./components/main"
export default {
    components: {
        myHeader,
        myMain
    },
    data() {
        return {
            isFresh: false,
            keyword: '',
        }
    },
    methods: {
        // è·åæç´¢è¿åç»æ
        getSearch({ text }) {
            this.keyword = text;
            this.isFresh = true;
        },
        // è·åå·æ°ç»æ
        changeDialog({ flag }) {
            console.log(flag);
            this.isFresh = flag;
        },
        // éç½®isFresh
        resetFresh({ flag }) {
            this.isFresh = flag;
            console.log(this.isFresh);
        }
    }
}
</script>
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
    color: #4b9bb7;

    &::v-deep .el-dialog__header,
    &::v-deep .el-dialog__body {
        background-color: #06122c;
    }

    &::v-deep .el-dialog__header {
        display: flex;
        align-items: center;
        background-color: #fff;
        padding: 20px;
        line-height: 60px;
    }

    &::v-deep .el-dialog__title {
        color: #4b9bb7;
    }

    &::v-deep .el-dialog__close {
        width: 20px;
        height: 20px;
        // color: #fff;
    }

    &::v-deep .el-dialog__body {
        padding: 0;
    }
}
</style>

 src/views/operate/µêÆÌ¹ÜÀí


 src/views/systemSetting/baseSetting/user/components/createUser/index.vue

copy from src/views/systemSetting/baseSetting/user/createUser/index.vue
copy to src/views/systemSetting/baseSetting/user/components/createUser/index.vue
File was copied from src/views/systemSetting/baseSetting/user/createUser/index.vue
@@ -280,7 +280,6 @@
    methods: {
        handleUser() {
            const { user } = this;
            console.log(user);
            this.$axios.post('sccg/admin/register', {
                departmentId: user.departmentId,
                email: user.email,
@@ -293,12 +292,13 @@
                username: user.username,
            }).then(res => {
                if (res.code === 200) {
                    this.refresh();
                    console.log(1);
                    this.$emit('sendDialog',{flag:false});
                }
            })
        }
        },
    },
    props: ['refresh']
    props: ['sendDialog']
}
</script>
<style lang="scss" scoped>

 src/views/systemSetting/baseSetting/user/components/header/index.vue

New file
@@ -0,0 +1,101 @@
<template>
    <header>
        <div class="headerContent">
            <div class="search">
                <span>çéæ¡ä»¶:</span>
                <el-input placeholder="è¯·è¾å¥åå®¹" v-model="search"></el-input>
                <div class="findBtn">
                    <el-button type="primary" @click="setSearch">æ¥è¯¢</el-button>
                </div>
            </div>
            <div class="addUser">
                <!-- :before-close="handleClose" -->
                <el-button class="addBtn" type="primary" @click="dialogCreate = true">æ·»å ç¨æ·</el-button>
                <el-dialog :visible.sync="dialogCreate" title="æ°å¢è´¦æ·" width="45%" v-if="dialogCreate">
                    <createUser @sendDialog="sendDialog" />
                </el-dialog>
            </div>
        </div>
    </header>
</template>
<script>
import createUser from "../createUser";
export default {
    components: {
        createUser,
    },
    data() {
        return {
            dialogCreate: false,
            search: '',
        }
    },
    methods: {
        setSearch() {
            this.$emit('getSearch', { text: this.search })
        },
        sendDialog(flag) {
            console.log(flag);
            this.dialogCreate = flag.flag;
            this.$emit('setDialog', { flag:true })
        }
    },
    props: ['setDialog', 'getSearch', 'flag'],
}
</script>
<style lang="scss" scoped>
header {
    background-color: #09152f;
    border: 1pox solid #fff;

    .headerContent {
        padding: 0 40px;
        display: flex;
        line-height: 100px;
        justify-content: space-between;
        align-items: center;

        .search {
            display: flex;
            justify-content: flex-start;

            span {
                flex: 1;
            }

            .el-input {
                flex: 2;
                color: #1d3f57;

                &::v-deep .el-input__inner {
                    background-color: #09152f;
                    border: 1px solid #17324c;
                }
            }

        }

        .findBtn {
            line-height: 100px;
            margin-left: 15px;
            display: flex;
            align-items: center;
            margin-top: -2px;

            .el-button {
                padding: 12px 25px;
                border-radius: 20px;
            }
        }

        .addBtn {
            background-color: #eb5d01;
            border: none;
            border-radius: 20px;
            padding: 12px 30px;
        }

            
    }
}
</style>

 src/views/systemSetting/baseSetting/user/components/main/index.vue

New file
@@ -0,0 +1,259 @@
<template>
    <main>
        <div class="mainContent">
            <!-- æ°æ®å±ç¤º -->
            <el-table ref="multipleTable"
                :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
                <el-table-column type="selection" min-width="5">
                </el-table-column>
                <el-table-column label="ç¨æ·ID" min-width="5">
                    <template slot-scope="scope">{{ scope.row.id }}</template>
                </el-table-column>
                <el-table-column prop="nickName" label="ç¨æ·åç§°" min-width="10">
                </el-table-column>
                <el-table-column prop="username" label="æå±å§å" min-width="10">
                </el-table-column>
                <el-table-column prop="mobile" label="èç³»æ¹å¼" min-width="10">
                </el-table-column>
                <el-table-column prop="note" label="æå±è§è²" min-width="10">
                </el-table-column>
                <el-table-column prop="departName" label="æå±é¨é¨" min-width="10">
                </el-table-column>
                <el-table-column prop="jobTitle" label="æå±èå¡" min-width="10">
                </el-table-column>
                <el-table-column prop="createTime" label="åå»ºæ¶é´" min-width="10">
                </el-table-column>
                <el-table-column prop="status" label="å¯ç¨" min-width="5">
                    <template slot-scope="scope">
                        <el-switch class="switchStyle" v-model="scope.row.status" active-text="å¼" inactive-text="å³"
                            active-color="#3fef9a" inactive-color="#000212" @change="handleChangeStatus(scope.row)">
                        </el-switch>
                    </template>
                </el-table-column>
                <el-table-column prop="operation" label="æä½" min-width="15">
                    <template slot-scope="scope">
                        <div class="operation">
                            <!-- <span @click="handleChangeRole(scope.row)">ä¿®æ¹è§è²</span> -->
                            <span @click="handleFind(scope.row)">æ¥ç</span>
                            <span class="line">|</span>
                            <!-- <span>ä¿®æ¹å¯ç </span> -->
                            <!-- <span>å é¤</span> -->
                            <span @click="handleUpdate(scope.row)">ä¿®æ¹é¨é¨</span>
                        </div>
                    </template>
                </el-table-column>
            </el-table>
            <!-- æ¥çä¿®æ¹é¡µé¢ -->
            <el-dialog :visible.sync="dialogUpdate" width="45%" v-if="dialogUpdate"
                :title="updateFlag ? 'ä¿®æ¹ç¨æ·é¨é¨ä¿¡æ¯' :'æ¥çç¨æ·ä¿¡æ¯'">
                <updateUser :updateFlag="updateFlag" :userInfo=userInfo />
            </el-dialog>
            <!-- åé¡µ -->
            <div class="pagination">
                <el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum"
                    :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev"
                    @next-click="handleNext">
                </el-pagination>
            </div>
        </div>
    </main>
</template>
<script>
import helper from '@/utils/mydate'
import updateUser from '../updateUser';
export default {
    components: {
        updateUser
    },
    data() {
        return {
            tableData: [],
            search: "",
            dialogUpdate: false,
            updateFlag: false,
            userInfo: '',
            totalNum: 200,
            pageSize: 10,
            currentPage: 1,
            renderFlag: false,
        }
    },
    created() {
        this.getUserList();
    },
    methods: {
        // å½åé¡µæ¹åè§¦åäºä»¶
        changeCurrentPage(page) {
            this.currentPage = page;
            this.getUserList();
        },
        // ä¸ä¸é¡µç¹å»äºä»¶
        handlePrev(page) {
            this.currentPage = page;
            this.getUserList();
        },
        // ä¸ä¸é¡µç¹å»äºä»¶
        handleNext(page) {
            this.currentPage = page;
            this.getUserList();
        },
        // ä¿®æ¹è§è²
        handleChangeRole(obj) {
            this.dialogUpdate = true
            this.user = obj;
            // console.log(obj)
        },
        // ä¿®æ¹ç¨æ·ç¶æ
        handleChangeStatus(obj) {
            let { id, status } = obj;
            status == true ? status = 1 : status = 0;
            this.$axios.post(`sccg/admin/updateStatus/` + id + '?status=' + status).then(res => {
                console.log(res);
            })
        },
        // è·åç¨æ·åè¡¨
        getUserList() {
            const that = this;
            const { currentPage, pageSize, search } = this;
            // è·åææç¨æ·ä¿¡æ¯ãç¨æ·æ¥è¯¢(ææ¶æ¯æçµè¯å·ç )
            this.$axios.get(`sccg/admin/list?mobile=${search}&current=${currentPage}&pageSize=${pageSize}`).then(res => {
                if (res.code === 200) {
                    res.data.records.forEach(item => {
                        item.createTime = helper(item.createTime);
                        item.status == 1 ? item.status = true : item.status = false;
                    })
                    that.totalNum = res.data.pages * pageSize;
                    that.tableData = res.data.records;
                    this.renderFlag = true;
                }
            })
        },
        // æ¥çç¨æ·ä¿¡æ¯(ä¸å¯ä¿®æ¹)
        handleFind(rowData) {
            this.dialogUpdate = true;
            this.updateFlag = false;
            this.userInfo = rowData;
        },
        // ä¿®æ¹ç¨æ·é¨é¨ä¿¡æ¯
        handleUpdate(rowData) {
            this.dialogUpdate = true;
            this.updateFlag = true;
            this.userInfo = rowData
        },
        // è®¾ç½®è¡¨æ ¼æé©¬çº¹
        tableRowClassName({ row, rowIndex }) {
                if ((rowIndex + 1) % 2 == 0) {
                    return 'warning-row';
                } else {
                    return 'success-row';
                }
                return '';
            },
    },
    props: ['refresh', 'keyword', 'resetFresh'],
    watch: {
        refresh: {
            handler(newValue, oldValue) {
                if (newValue == true) {
                    this.search = '';
                    if (this.keyword != '') {
                        this.search = this.keyword;
                    }
                    this.getUserList();
                    this.$emit('resetFresh', { flag: false })
                }
            },
            immediate: true
        }
    }
}
</script>
<style lang="scss" scoped>
main {
    background-color: #09152f;
    margin-top: 20px;
    padding-bottom: 50px;
    border: 1pox solid #fff;

    .mainTitle {
        line-height: 60px;
    }

    .pagination {
        margin-top: 50px;
        display: flex;
        line-height: 50px;
        justify-content: center;

        .el-pagination {

            &::v-deep li,
            &::v-deep .btn-prev,
            &::v-deep .btn-next {
                background-color: #071f39;
                color: #4b9bb7;
            }
        }
    }

    .el-table {
        color: #4b9bb7;
        font-size: 10px;

        &::v-deep .el-table__empty-block {
            background-color: #09152f;
            color: #4b9bb7;
        }

        .operation {
            display: flex;

            .line {
                padding: 0 5px;
            }

            span:hover {
                cursor: pointer;
            }
        }
    }

    .el-table::v-deep .warning-row {
        background: #06122c;
    }

    .el-table::v-deep .success-row {
        background: #071f39;
    }

    &::v-deep .switchStyle .el-switch__label {
        position: absolute;
        display: none;
        color: #fff;
    }

    &::v-deep .el-switch__core {
        background-color: rgba(166, 166, 166, 1);
    }

    &::v-deep .switchStyle .el-switch__label--left {
        z-index: 9;
        left: 20px;
    }

    &::v-deep .switchStyle .el-switch__label--right {
        z-index: 9;
        left: 4px;
    }

    &::v-deep .switchStyle .el-switch__label.is-active {
        display: block;
    }

    &::v-deep .switchStyle.el-switch .el-switch__core,
    &::v-deep .el-switch .el-switch__label {
        width: 50px !important;
    }
}
</style>

 src/views/systemSetting/baseSetting/user/components/updateUser/index.vue


 src/views/systemSetting/baseSetting/user/index.vue

@@ -1,6 +1,6 @@
<template>
    <div class="userList">
        <header>
        <!-- <header>
            <div class="headerContent">
                <div class="search">
                    <span>çéæ¡ä»¶:</span>
@@ -17,205 +17,41 @@
                    </el-dialog>
                </div>
            </div>
        </header>
        <main>
            <div class="mainContent">
                <!-- æ°æ®å±ç¤º -->
                <el-table ref="multipleTable"
                    :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
                    <el-table-column type="selection" min-width="5">
                    </el-table-column>
                    <el-table-column label="ç¨æ·ID" min-width="5">
                        <template slot-scope="scope">{{ scope.row.id }}</template>
                    </el-table-column>
                    <el-table-column prop="nickName" label="ç¨æ·åç§°" min-width="10">
                    </el-table-column>
                    <el-table-column prop="username" label="æå±å§å" min-width="10">
                    </el-table-column>
                    <el-table-column prop="mobile" label="èç³»æ¹å¼" min-width="10">
                    </el-table-column>
                    <el-table-column prop="note" label="æå±è§è²" min-width="10">
                    </el-table-column>
                    <el-table-column prop="departName" label="æå±é¨é¨" min-width="10">
                    </el-table-column>
                    <el-table-column prop="jobTitle" label="æå±èå¡" min-width="10">
                    </el-table-column>
                    <el-table-column prop="createTime" label="åå»ºæ¶é´" min-width="10">
                    </el-table-column>
                    <el-table-column prop="status" label="å¯ç¨" min-width="5">
                        <template slot-scope="scope">
                            <el-switch class="switchStyle" v-model="scope.row.status" active-text="å¼" inactive-text="å³"
                                active-color="#3fef9a" inactive-color="#000212" @change="handleChangeStatus(scope.row)">
                            </el-switch>
                        </template>
                    </el-table-column>
                    <el-table-column prop="operation" label="æä½" min-width="15">
                        <template slot-scope="scope">
                            <div class="operation">
                                <!-- <span @click="handleChangeRole(scope.row)">ä¿®æ¹è§è²</span> -->
                                <span @click="handleFind(scope.row)">æ¥ç</span>
                                <span class="line">|</span>
                                <!-- <span>ä¿®æ¹å¯ç </span> -->
                                <!-- <span>å é¤</span> -->
                                <span @click="handleUpdate(scope.row)">ä¿®æ¹é¨é¨</span>
                            </div>
                        </template>
                    </el-table-column>
                </el-table>
                <!-- æ¥çä¿®æ¹é¡µé¢ -->
                <el-dialog :visible.sync="dialogUpdate" width="45%" v-if="dialogUpdate"
                    :before-close="handleClose2" :title="updateFlag ? 'ä¿®æ¹ç¨æ·é¨é¨ä¿¡æ¯' :'æ¥çç¨æ·ä¿¡æ¯'">
                    <updateUser :updateFlag="updateFlag" :userInfo=userInfo  />
                </el-dialog>
                <!-- åé¡µ -->
                <div class="pagination">
                    <el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum"
                        :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev"
                        @next-click="handleNext">
                    </el-pagination>
                </div>
            </div>
        </main>
        </header> -->
        <myHeader @setDialog="changeDialog" @getSearch="getSearch"></myHeader>
        <myMain :refresh="isFresh" :keyword="keyword" @resetFresh="resetFresh" />
    </div>
</template>
<script>
import createUser from "./createUser"
import updateUser from "./updateUser"
import helper from "@/utils/mydate.js"
import myHeader from "./components/header"
import myMain from "./components/main"
export default {
    components: {
        createUser, updateUser
        myHeader,
        myMain
    },
    data() {
        return {
            tableData: [],
            search: "",
            dialogCreate: false,
            dialogUpdate: false,
            updateFlag: false,
            userInfo: '',
            totalNum: 200,
            pageSize: 10,
            currentPage: 1,
            isFresh: false,
            keyword: '',
        }
    },
    created() {
        this.getUserList();
    },
    methods: {
        // ä¿®æ¹è§è²
        handleChangeRole(obj) {
            this.dialogUpdate = true
            this.user = obj;
            // console.log(obj)
        // è·åæç´¢è¿åç»æ
        getSearch({ text }) {
            this.keyword = text;
            this.isFresh = true;
        },
        // ä¿®æ¹ç¨æ·ç¶æ
        handleChangeStatus(obj) {
            let { id, status } = obj;
            status == true ? status = 1 : status = 0;
            console.log(id, status);
            this.$axios.post(`sccg/admin/updateStatus/` + id + '?status=' + status).then(res => {
                console.log(res);
            })
        // è·åå·æ°ç»æ
        changeDialog({ flag }) {
            console.log(flag);
            this.isFresh = flag;
        },
        // è·åç¨æ·åè¡¨
        getUserList() {
            const that = this;
            const { currentPage, pageSize, search } = this;
            this.dialogCreate = false;
            // è·åææç¨æ·ä¿¡æ¯ãç¨æ·æ¥è¯¢(ææ¶æ¯æçµè¯å·ç )
            this.$axios.get(`sccg/admin/list?mobile=${search}&current=${currentPage}&pageSize=${pageSize}`).then(res => {
                if (res.code === 200) {
                    res.data.records.forEach(item => {
                        item.createTime = helper(item.createTime);
                        item.status == 1 ? item.status = true : item.status = false;
                    })
                    that.totalNum = res.data.pages * pageSize;
                    that.tableData = res.data.records;
                }
            })
        },
        // è®¾ç½®è¡¨æ ¼æé©¬çº¹
        tableRowClassName({ row, rowIndex }) {
            if ((rowIndex + 1) % 2 == 0) {
                return 'warning-row';
            } else {
                return 'success-row';
            }
            return '';
        },
        // æ¥çç¨æ·ä¿¡æ¯(ä¸å¯ä¿®æ¹)
        handleFind(rowData) {
            this.dialogUpdate = true;
            this.updateFlag = false;
            this.userInfo = rowData;
        },
        // ä¿®æ¹ç¨æ·é¨é¨ä¿¡æ¯
        handleUpdate(rowData) {
            this.dialogUpdate = true;
            this.updateFlag = true;
            this.userInfo = rowData
        },
        // å½åé¡µæ¹åè§¦åäºä»¶
        changeCurrentPage(page) {
            this.currentPage = page;
            this.getUserList();
        },
        // ä¸ä¸é¡µç¹å»äºä»¶
        handlePrev(page) {
            this.currentPage = page;
            this.getUserList();
        },
        // ä¸ä¸é¡µç¹å»äºä»¶
        handleNext(page) {
            this.currentPage = page;
            this.getUserList();
        },
        // åå»ºå¼¹çªå³é
        handleClose1(done) {
            const that = this;
            this.$confirm('ç¡®è®¤å³éï¼')
                .then(_ => {
                    that.dialogCreate = false;
                    done();
                })
                .catch(_ => { });
        },
        //   æ¥çå¼¹çªå³é
        handleClose2(done) {
            const that = this;
            this.$confirm('ç¡®è®¤å³éï¼')
                .then(_ => {
                    this.dialogUpdate = false;
                    done();
                })
                .catch(_ => { });
        // éç½®isFresh
        resetFresh({ flag }) {
            this.isFresh = flag;
            console.log(this.isFresh);
        }
        // ç¨æ·æ¥è¯¢(ææ¶æ¯æçµè¯å·ç )
        // handlePhone() {
        //     const { search, getUserList } = this;
        //     if (search == '') {
        //         getUserList();
        //         return;
        //     }
        //     this.handlePhoneSearch(search);
        // },
        // handlePhoneSearch(search){
        //     this.dialogCreate = false;
        //     const that = this;
        //     // è·åææºå·ç¨æ·ä¿¡æ¯
        //     this.$axios.get(`sccg/admin/list?mobile=${search}`).then(res => {
        //         if (res.code === 200) {
        //             res.data.records.forEach(item => {
        //                 item.createTime = helper(item.createTime);
        //                 item.status == 1 ? item.status = true : item.status = false;
        //             })
        //             that.totalNum = res.data.records.length;
        //             that.tableData = res.data.records.slice((that.currentPage - 1) * that.pageSize, that.currentPage * that.pageSize)
        //         }
        //     })
        // }
    }
}
</script>
@@ -225,162 +61,30 @@
    margin: 10px 20px;
    color: #4b9bb7;

    header {
        background-color: #09152f;
        border: 1pox solid #fff;

        .headerContent {
            padding: 0 40px;
            display: flex;
            line-height: 100px;
            justify-content: space-between;
            align-items: center;

            .search {
                display: flex;
                justify-content: flex-start;

                span {
                    flex: 1;
                }

                .el-input {
                    flex: 2;
                    color: #1d3f57;

                    &::v-deep .el-input__inner {
                        background-color: #09152f;
                        border: 1px solid #17324c;
                    }
                }

            }

            .findBtn {
                line-height: 100px;
                margin-left: 15px;
                display: flex;
                align-items: center;
                margin-top: -2px;

                .el-button {
                    padding: 12px 25px;
                    border-radius: 20px;
                }
            }

            .addBtn {
                background-color: #eb5d01;
                border: none;
                border-radius: 20px;
                padding: 12px 30px;
            }
        }
    }

    main {
        background-color: #09152f;
        margin-top: 20px;
        padding-bottom: 50px;
        border: 1pox solid #fff;

        .mainTitle {
            line-height: 60px;
        }

        .pagination {
            margin-top: 50px;
            display: flex;
            line-height: 50px;
            justify-content: center;

            &::v-deep li,
            &::v-deep .btn-prev,
            &::v-deep .btn-next {
                background-color: #071f39;
                color: #4b9bb7;
            }
        }

        .el-table {
            color: #4b9bb7;
            font-size: 10px;

            &::v-deep .el-table__empty-block {
                background-color: #09152f;
                color: #4b9bb7;
            }
            .operation {
                display: flex;

                .line {
                    padding: 0 5px;
                }

                span:hover {
                    cursor: pointer;
                }
            }
        }

        .el-table::v-deep .warning-row {
            background: #06122c;
        }

        .el-table::v-deep .success-row {
            background: #071f39;
        }

        &::v-deep .switchStyle .el-switch__label {
            position: absolute;
            display: none;
            color: #fff;
        }

        &::v-deep .el-switch__core {
            background-color: rgba(166, 166, 166, 1);
        }

        &::v-deep .switchStyle .el-switch__label--left {
            z-index: 9;
            left: 20px;
        }

        &::v-deep .switchStyle .el-switch__label--right {
            z-index: 9;
            left: 4px;
        }

        &::v-deep .switchStyle .el-switch__label.is-active {
            display: block;
        }

        &::v-deep .switchStyle.el-switch .el-switch__core,
        &::v-deep .el-switch .el-switch__label {
            width: 50px !important;
        }
    }

    &::v-deep .el-dialog__header,
    &::v-deep .el-dialog__body {
        background-color: #06122c;
    }
    &::v-deep .el-dialog__header{

    &::v-deep .el-dialog__header {
        display: flex;
        align-items: center;
        background-color: #fff;
        padding: 20px;
        line-height: 60px;
    }
    &::v-deep .el-dialog__title{

    &::v-deep .el-dialog__title {
        color: #4b9bb7;
    }
    &::v-deep .el-dialog__close{

    &::v-deep .el-dialog__close {
        width: 20px;
        height: 20px;
        // color: #fff;
    }
    &::v-deep .el-dialog__body{

    &::v-deep .el-dialog__body {
        padding: 0;
    }
}

			@@ -5,7 +5,8 @@
			<meta http-equiv="X-UA-Compatible" content="IE=edge">
			<meta name="viewport" content="width=device-width,initial-scale=1.0">
			<link rel="icon" href="<%= BASE_URL %>favicon.ico">
			<title><%= htmlWebpackPlugin.options.title %></title>
			<!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
			<title>éææ§æ³å¹³å°</title>
			</head>
			<body>
			<noscript>

			@@ -1,6 +1,6 @@
			<template>
			<div id="app">
			<router-view/>
			<router-view />
			</div>
			</template>

			@@ -11,4 +11,4 @@
			export default {

			};
			</script>
			</script>

			@@ -67,15 +67,30 @@
			{
			path: 'casepool',
			name: 'casepool',
			component: () => import('@/views/operate/disposal/casepool'),
			children: [
			component: () => import('@/views/operate/disposal'),
			children:[
			{
			path: 'pool',
			name: 'pool',
			component: () => import('@/views/operate/disposal/casepool/pool'),
			},
			{
			path: 'escalation',
			name: 'escalation',
			component: () => import('@/views/operate/disposal/escalation'),
			}
			component: () => import('@/views/operate/disposal/casepool/escalation'),
			},
			{
			path: 'dispatch',
			name: 'dispatch',
			component: () => import('@/views/operate/disposal/casepool/dispatch'),
			},
			{
			path: 'notDeal',
			name: 'notDeal',
			component: () => import('@/views/operate/disposal/casepool/notDeal'),
			},
			]
			}
			},
			]
			},
			{

			@@ -76,11 +76,11 @@
			<template slot="title">
			<span class="secondSpan">äºé¡¹å¤çç®¡ç</span>
			</template>
			<el-menu-item index="/home/operate/casepool">æ¡ä»¶æ± </el-menu-item>
			<el-menu-item index="/home/operate/casepool">ä¸æ¥ç®¡ç</el-menu-item>
			<el-menu-item index="/home/operate/casepool">è°åº¦ç®¡ç</el-menu-item>
			<el-menu-item index="/home/operate/casepool/pool">æ¡ä»¶æ± </el-menu-item>
			<el-menu-item index="/home/operate/casepool/escalation">ä¸æ¥ç®¡ç</el-menu-item>
			<el-menu-item index="/home/operate/casepool/dispatch">è°åº¦ç®¡ç</el-menu-item>
			<!-- <el-menu-item index="/home/operate/casepool">åå¦ä¹ ç®¡ç</el-menu-item> -->
			<el-menu-item index="/home/operate/casepool">æä¸å¤ç</el-menu-item>
			<el-menu-item index="/home/operate/casepool/notDeal">æä¸å¤ç</el-menu-item>
			</el-submenu>
			<el-menu-item index="/home/operate/myWait">æçå¾å</el-menu-item>
			<el-menu-item index="/home/operate/rectification">ä¸é¡¹æ´æ²»</el-menu-item>

File was copied from src/views/operate/disposal/escalation/index.vue
			@@ -6,9 +6,9 @@
			<span>æ¥æºæ¥è¯¢ï¼</span>
			<el-input placeholder="è¯·è¾å¥é®é¢æ¥æº"></el-input>
			</div>
			<div class="add">
			<!-- <div class="add">
			<el-button type="primary" icon="el-icon-plus" @click="handleOpenDialog">æ·»å </el-button>
			</div>
			</div> -->
			</header>
			<!-- ä¸»ä½å±ç¤º -->
			<main>
			@@ -17,8 +17,10 @@
			<div class="nav">
			<el-tabs type="border-card">
			<el-tab-pane :label="item.name" v-for="item in tagList" :key="item.name">
			<!-- æ°æ®æ¸²æ -->
			<el-table ref="multipleTable"
			</el-tab-pane>
			</el-tabs>
			<!-- æ°æ®æ¸²æ -->
			<el-table ref="multipleTable"
			:header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
			:data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
			<el-table-column type="selection" min-width="5">
			@@ -45,19 +47,13 @@
			<el-table-column prop="operation" label="æä½" min-width="15">
			<template slot-scope="scope">
			<div class="operation">
			<span @click="handleFind(scope.row)">ä¸æ¥</span>
			<span @click="handleFind(scope.row)">è°åº¦</span>
			<span class="line">\|</span>
			<span @click="handleUpdate(scope.row)">è°åº¦</span>
			<span class="line">\|</span>
			<span>åå¦ä¹ </span>
			<span class="line">\|</span>
			<span>æä¸å¤ç</span>
			<span @click="handleUpdate(scope.row)">ä¸ä¼ å¤ç½®ç»æ</span>
			</div>
			</template>
			</el-table-column>
			</el-table>
			</el-tab-pane>
			</el-tabs>
			</div>
			</div>
			</main>
			@@ -73,31 +69,31 @@
			// import checkIn from './compenents/checkIn';
			export default {
			components: {
			checkIn,
			// checkIn,
			},
			data() {
			return {
			tagList: [
			{
			name: 'å¾å¤ç',
			value: 0,
			},
			{
			name: 'å·²ä¸æ¥',
			value: 0,
			},
			{
			name: 'å·²è°åº¦',
			value: 0,
			},
			{
			name: 'å¨å¦ä¹ ',
			value: 0,
			},
			{
			name: 'æä¸å¤ç',
			value: 0,
			},
			// {
			// name: 'å¾å¤ç',
			// value: 0,
			// },
			// {
			// name: 'å·²ä¸æ¥',
			// value: 0,
			// },
			// {
			// name: 'å·²è°åº¦',
			// value: 0,
			// },
			// {
			// name: 'å¨å¦ä¹ ',
			// value: 0,
			// },
			// {
			// name: 'æä¸å¤ç',
			// value: 0,
			// },
			{
			name: 'è¿è§',
			value: 0,

File was renamed from src/views/operate/disposal/escalation/index.vue
			@@ -6,9 +6,9 @@
			<span>æ¥æºæ¥è¯¢ï¼</span>
			<el-input placeholder="è¯·è¾å¥é®é¢æ¥æº"></el-input>
			</div>
			<div class="add">
			<!-- <div class="add">
			<el-button type="primary" icon="el-icon-plus" @click="handleOpenDialog">æ·»å </el-button>
			</div>
			</div> -->
			</header>
			<!-- ä¸»ä½å±ç¤º -->
			<main>
			@@ -17,8 +17,10 @@
			<div class="nav">
			<el-tabs type="border-card">
			<el-tab-pane :label="item.name" v-for="item in tagList" :key="item.name">
			<!-- æ°æ®æ¸²æ -->
			<el-table ref="multipleTable"
			</el-tab-pane>
			</el-tabs>
			<!-- æ°æ®æ¸²æ -->
			<el-table ref="multipleTable"
			:header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
			:data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
			<el-table-column type="selection" min-width="5">
			@@ -43,7 +45,7 @@
			<el-table-column prop="duration" label="æç»æ¶é´" min-width="6">
			</el-table-column>
			<el-table-column prop="operation" label="æä½" min-width="15">
			<template slot-scope="scope">
			<!-- <template slot-scope="scope">
			<div class="operation">
			<span @click="handleFind(scope.row)">ä¸æ¥</span>
			<span class="line">\|</span>
			@@ -53,11 +55,9 @@
			<span class="line">\|</span>
			<span>æä¸å¤ç</span>
			</div>
			</template>
			</template> -->
			</el-table-column>
			</el-table>
			</el-tab-pane>
			</el-tabs>
			</div>
			</div>
			</main>
			@@ -73,31 +73,31 @@
			// import checkIn from './compenents/checkIn';
			export default {
			components: {
			checkIn,
			// checkIn,
			},
			data() {
			return {
			tagList: [
			{
			name: 'å¾å¤ç',
			value: 0,
			},
			{
			name: 'å·²ä¸æ¥',
			value: 0,
			},
			{
			name: 'å·²è°åº¦',
			value: 0,
			},
			{
			name: 'å¨å¦ä¹ ',
			value: 0,
			},
			{
			name: 'æä¸å¤ç',
			value: 0,
			},
			// {
			// name: 'å¾å¤ç',
			// value: 0,
			// },
			// {
			// name: 'å·²ä¸æ¥',
			// value: 0,
			// },
			// {
			// name: 'å·²è°åº¦',
			// value: 0,
			// },
			// {
			// name: 'å¨å¦ä¹ ',
			// value: 0,
			// },
			// {
			// name: 'æä¸å¤ç',
			// value: 0,
			// },
			{
			name: 'è¿è§',
			value: 0,

New file
			@@ -0,0 +1,261 @@
			<template>
			<div class="casepool">
			<!-- æ¥è¯¢æ·»å -->
			<header>
			<div class="search">
			<span>æ¥æºæ¥è¯¢ï¼</span>
			<el-input placeholder="è¯·è¾å¥é®é¢æ¥æº"></el-input>
			</div>
			<!-- <div class="add">
			<el-button type="primary" icon="el-icon-plus" @click="handleOpenDialog">æ·»å </el-button>
			</div> -->
			</header>
			<!-- ä¸»ä½å±ç¤º -->
			<main>
			<div class="mainContent">
			<!-- å¯¼èªç¶ææ ç¾ -->
			<div class="nav">
			<el-tabs type="border-card">
			<el-tab-pane :label="item.name" v-for="item in tagList" :key="item.name">
			</el-tab-pane>
			</el-tabs>
			<!-- æ°æ®æ¸²æ -->
			<el-table ref="multipleTable"
			:header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
			:data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
			<el-table-column type="selection" min-width="5">
			</el-table-column>
			<el-table-column label="äºä»¶ç¼å·" min-width="6">
			<template slot-scope="scope">{{ scope.row.id }}</template>
			</el-table-column>
			<el-table-column prop="source" label="é®é¢æ¥æº" min-width="10">
			</el-table-column>
			<el-table-column prop="bigKind" label="å¤§ç±»åç§°" min-width="6">
			</el-table-column>
			<el-table-column prop="samllKind" label="å°ç±»åç§°" min-width="6">
			</el-table-column>
			<el-table-column prop="reson" label="æ¡ç±" min-width="10">
			</el-table-column>
			<el-table-column prop="location" label="æ¥è¦ç¹ä½" min-width="10">
			</el-table-column>
			<el-table-column prop="area" label="æå±åºå" min-width="10">
			</el-table-column>
			<el-table-column prop="appendTime" label="æ¥è¦æ¶é´" min-width="10">
			</el-table-column>
			<el-table-column prop="duration" label="æç»æ¶é´" min-width="6">
			</el-table-column>
			<el-table-column prop="operation" label="æä½" min-width="15">
			<template slot-scope="scope">
			<div class="operation">
			<span @click="handleFind(scope.row)">éæ°å¤ç½®</span>
			</div>
			</template>
			</el-table-column>
			</el-table>
			</div>
			</div>
			</main>
			<!-- ç»ä»¶åº -->
			<footer>
			<!-- <el-dialog v-if="visible" :visible.async="visible" title="é®é¢ç»è®°" width="60%" :before-close="handleClose">
			<checkIn></checkIn>
			</el-dialog> -->
			</footer>
			</div>
			</template>
			<script>
			// import checkIn from './compenents/checkIn';
			export default {
			components: {
			// checkIn,
			},
			data() {
			return {
			tagList: [
			// {
			// name: 'å¾å¤ç',
			// value: 0,
			// },
			// {
			// name: 'å·²ä¸æ¥',
			// value: 0,
			// },
			// {
			// name: 'å·²è°åº¦',
			// value: 0,
			// },
			// {
			// name: 'å¨å¦ä¹ ',
			// value: 0,
			// },
			// {
			// name: 'æä¸å¤ç',
			// value: 0,
			// },
			{
			name: 'è¿è§',
			value: 0,
			},
			{
			name: 'è¿å»º',
			value: 0,
			},
			],
			tableData: [
			{
			id: 13413114,
			source: 'äººå·¥ä¸æ¥/è§é¢å·¡æ¥',
			appendTime: '2022-01-09 14:52'
			}
			],
			visible: false,
			}
			},
			methods: {
			// è®¾ç½®è¡¨æ ¼æé©¬çº¹
			tableRowClassName({ row, rowIndex }) {
			if ((rowIndex + 1) % 2 == 0) {
			return 'warning-row';
			} else {
			return 'success-row';
			}
			return '';
			},
			// æå¼æ·»å é¡µ
			handleOpenDialog() {
			this.visible = true;
			},
			// å³éå¯¹è¯æ¡
			handleClose(done) {
			this.$confirm('ç¡®è®¤å³éï¼')
			.then(_ => {
			this.visible = false;
			done();
			})
			.catch(_ => { });
			}
			}
			}
			</script>
			<style lang="scss" scoped>
			.casepool {
			text-align: left;
			color: #4b9bb7;

			header {
			display: flex;
			justify-content: space-between;
			padding: 0 20px;
			line-height: 60px;

			.search {
			display: flex;

			span {
			flex: 2;
			}

			.el-input {
			flex: 5;

			&::v-deep .el-input__inner {
			background-color: #09152f;
			border: 1px solid #17324c;
			}
			}
			}

			.add {
			.el-button {
			background-color: #eb5d01;
			border: none;
			border-radius: 20px;
			}
			}
			}

			main {
			.mainContent {
			.nav {
			&::v-deep .el-tabs--border-card {
			border: none;
			}

			&::v-deep .el-tabs--border-card>.el-tabs__content {
			background-color: #09152f;
			}

			&::v-deep .el-tabs__nav-scroll {
			background-color: #09152f;
			}

			&::v-deep .el-tabs__header {
			line-height: 60px;
			}

			&::v-deep .el-tabs--border-card>.el-tabs__header .el-tabs__item {
			color: #fff;
			}

			&::v-deep .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
			color: #4b9bb7;
			background-color: #071f39;
			border: none;
			}

			.el-table {
			font-size: 12px;
			color: #4b9bb7;

			.line {
			padding: 0 5px;
			}
			}

			&::v-deep .el-table__empty-block {
			background-color: #09152f;
			color: #4b9bb7;
			}

			.el-table::v-deep .warning-row {
			background: #06122c;
			}

			.el-table::v-deep .success-row {
			background: #071f39;
			}
			}
			}
			}

			footer {

			&::v-deep .el-dialog__header,
			&::v-deep .el-dialog__body {
			background-color: #06122c;
			}

			&::v-deep .el-dialog__header {
			display: flex;
			align-items: center;
			background-color: #fff;
			padding: 20px;
			line-height: 60px;
			}

			&::v-deep .el-dialog__title {
			color: #4b9bb7;
			}

			&::v-deep .el-dialog__close {
			width: 20px;
			height: 20px;
			// color: #fff;
			}

			&::v-deep .el-dialog__body {
			padding: 0;
			}
			}
			}
			</style>

File was renamed from src/views/operate/disposal/casepool/index.vue
			@@ -16,48 +16,47 @@
			<!-- å¯¼èªç¶ææ ç¾ -->
			<div class="nav">
			<el-tabs type="border-card">
			<el-tab-pane :label="item.name" v-for="item in tagList" :key="item.name">
			<!-- æ°æ®æ¸²æ -->
			<el-table ref="multipleTable"
			:header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
			:data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
			<el-table-column type="selection" min-width="5">
			</el-table-column>
			<el-table-column label="äºä»¶ç¼å·" min-width="6">
			<template slot-scope="scope">{{ scope.row.id }}</template>
			</el-table-column>
			<el-table-column prop="source" label="é®é¢æ¥æº" min-width="10">
			</el-table-column>
			<el-table-column prop="bigKind" label="å¤§ç±»åç§°" min-width="6">
			</el-table-column>
			<el-table-column prop="samllKind" label="å°ç±»åç§°" min-width="6">
			</el-table-column>
			<el-table-column prop="reson" label="æ¡ç±" min-width="10">
			</el-table-column>
			<el-table-column prop="location" label="æ¥è¦ç¹ä½" min-width="10">
			</el-table-column>
			<el-table-column prop="area" label="æå±åºå" min-width="10">
			</el-table-column>
			<el-table-column prop="appendTime" label="æ¥è¦æ¶é´" min-width="10">
			</el-table-column>
			<el-table-column prop="duration" label="æç»æ¶é´" min-width="6">
			</el-table-column>
			<el-table-column prop="operation" label="æä½" min-width="15">
			<template slot-scope="scope">
			<div class="operation">
			<span @click="handleFind(scope.row)">ä¸æ¥</span>
			<span class="line">\|</span>
			<span @click="handleUpdate(scope.row)">è°åº¦</span>
			<span class="line">\|</span>
			<span>åå¦ä¹ </span>
			<span class="line">\|</span>
			<span>æä¸å¤ç</span>
			</div>
			</template>
			</el-table-column>
			</el-table>
			</el-tab-pane>
			<el-tab-pane :label="item.name" v-for="item in tagList" :key="item.name"></el-tab-pane>
			</el-tabs>
			<!-- æ°æ®æ¸²æ -->
			<el-table ref="multipleTable"
			:header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
			:data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
			<el-table-column type="selection" min-width="5">
			</el-table-column>
			<el-table-column label="äºä»¶ç¼å·" min-width="6">
			<template slot-scope="scope">{{ scope.row.id }}</template>
			</el-table-column>
			<el-table-column prop="source" label="é®é¢æ¥æº" min-width="10">
			</el-table-column>
			<el-table-column prop="bigKind" label="å¤§ç±»åç§°" min-width="6">
			</el-table-column>
			<el-table-column prop="samllKind" label="å°ç±»åç§°" min-width="6">
			</el-table-column>
			<el-table-column prop="reson" label="æ¡ç±" min-width="10">
			</el-table-column>
			<el-table-column prop="location" label="æ¥è¦ç¹ä½" min-width="10">
			</el-table-column>
			<el-table-column prop="area" label="æå±åºå" min-width="10">
			</el-table-column>
			<el-table-column prop="appendTime" label="æ¥è¦æ¶é´" min-width="10">
			</el-table-column>
			<el-table-column prop="duration" label="æç»æ¶é´" min-width="6">
			</el-table-column>
			<el-table-column prop="operation" label="æä½" min-width="15">
			<template slot-scope="scope">
			<div class="operation">
			<span @click="handleFind(scope.row)">ä¸æ¥</span>
			<span class="line">\|</span>
			<span @click="handleUpdate(scope.row)">è°åº¦</span>
			<span class="line">\|</span>
			<span>åå¦ä¹ </span>
			<span class="line">\|</span>
			<span>æä¸å¤ç</span>
			</div>
			</template>
			</el-table-column>
			</el-table>
			</div>
			</div>
			</main>
			@@ -133,13 +132,13 @@
			},
			// å³éå¯¹è¯æ¡
			handleClose(done) {
			this.$confirm('ç¡®è®¤å³éï¼')
			.then(_ => {
			this.visible = false;
			done();
			})
			.catch(_ => {});
			}
			this.$confirm('ç¡®è®¤å³éï¼')
			.then(_ => {
			this.visible = false;
			done();
			})
			.catch(_ => { });
			}
			}
			}
			</script>

			@@ -1,15 +1,3 @@
			<template>
			<div class="disposal">
			<router-view></router-view>
			</div>
			</template>
			<script>
			export default {
			data(){
			return{

			}
			}
			}
			</script>
			<style lang="scss" scoped></style>
			<router-view></router-view>
			</template>

File was renamed from src/views/systemSetting/baseSetting/user/createUser/index.vue
			@@ -280,7 +280,6 @@
			methods: {
			handleUser() {
			const { user } = this;
			console.log(user);
			this.$axios.post('sccg/admin/register', {
			departmentId: user.departmentId,
			email: user.email,
			@@ -293,12 +292,13 @@
			username: user.username,
			}).then(res => {
			if (res.code === 200) {
			this.refresh();
			console.log(1);
			this.$emit('sendDialog',{flag:false});
			}
			})
			}
			},
			},
			props: ['refresh']
			props: ['sendDialog']
			}
			</script>
			<style lang="scss" scoped>

New file
			@@ -0,0 +1,101 @@
			<template>
			<header>
			<div class="headerContent">
			<div class="search">
			<span>çéæ¡ä»¶:</span>
			<el-input placeholder="è¯·è¾å¥åå®¹" v-model="search"></el-input>
			<div class="findBtn">
			<el-button type="primary" @click="setSearch">æ¥è¯¢</el-button>
			</div>
			</div>
			<div class="addUser">
			<!-- :before-close="handleClose" -->
			<el-button class="addBtn" type="primary" @click="dialogCreate = true">æ·»å ç¨æ·</el-button>
			<el-dialog :visible.sync="dialogCreate" title="æ°å¢è´¦æ·" width="45%" v-if="dialogCreate">
			<createUser @sendDialog="sendDialog" />
			</el-dialog>
			</div>
			</div>
			</header>
			</template>
			<script>
			import createUser from "../createUser";
			export default {
			components: {
			createUser,
			},
			data() {
			return {
			dialogCreate: false,
			search: '',
			}
			},
			methods: {
			setSearch() {
			this.$emit('getSearch', { text: this.search })
			},
			sendDialog(flag) {
			console.log(flag);
			this.dialogCreate = flag.flag;
			this.$emit('setDialog', { flag:true })
			}
			},
			props: ['setDialog', 'getSearch', 'flag'],
			}
			</script>
			<style lang="scss" scoped>
			header {
			background-color: #09152f;
			border: 1pox solid #fff;

			.headerContent {
			padding: 0 40px;
			display: flex;
			line-height: 100px;
			justify-content: space-between;
			align-items: center;

			.search {
			display: flex;
			justify-content: flex-start;

			span {
			flex: 1;
			}

			.el-input {
			flex: 2;
			color: #1d3f57;

			&::v-deep .el-input__inner {
			background-color: #09152f;
			border: 1px solid #17324c;
			}
			}

			}

			.findBtn {
			line-height: 100px;
			margin-left: 15px;
			display: flex;
			align-items: center;
			margin-top: -2px;

			.el-button {
			padding: 12px 25px;
			border-radius: 20px;
			}
			}

			.addBtn {
			background-color: #eb5d01;
			border: none;
			border-radius: 20px;
			padding: 12px 30px;
			}


			}
			}
			</style>

New file
			@@ -0,0 +1,259 @@
			<template>
			<main>
			<div class="mainContent">
			<!-- æ°æ®å±ç¤º -->
			<el-table ref="multipleTable"
			:header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
			:data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
			<el-table-column type="selection" min-width="5">
			</el-table-column>
			<el-table-column label="ç¨æ·ID" min-width="5">
			<template slot-scope="scope">{{ scope.row.id }}</template>
			</el-table-column>
			<el-table-column prop="nickName" label="ç¨æ·åç§°" min-width="10">
			</el-table-column>
			<el-table-column prop="username" label="æå±å§å" min-width="10">
			</el-table-column>
			<el-table-column prop="mobile" label="èç³»æ¹å¼" min-width="10">
			</el-table-column>
			<el-table-column prop="note" label="æå±è§è²" min-width="10">
			</el-table-column>
			<el-table-column prop="departName" label="æå±é¨é¨" min-width="10">
			</el-table-column>
			<el-table-column prop="jobTitle" label="æå±èå¡" min-width="10">
			</el-table-column>
			<el-table-column prop="createTime" label="åå»ºæ¶é´" min-width="10">
			</el-table-column>
			<el-table-column prop="status" label="å¯ç¨" min-width="5">
			<template slot-scope="scope">
			<el-switch class="switchStyle" v-model="scope.row.status" active-text="å¼" inactive-text="å³"
			active-color="#3fef9a" inactive-color="#000212" @change="handleChangeStatus(scope.row)">
			</el-switch>
			</template>
			</el-table-column>
			<el-table-column prop="operation" label="æä½" min-width="15">
			<template slot-scope="scope">
			<div class="operation">
			<!-- <span @click="handleChangeRole(scope.row)">ä¿®æ¹è§è²</span> -->
			<span @click="handleFind(scope.row)">æ¥ç</span>
			<span class="line">\|</span>
			<!-- <span>ä¿®æ¹å¯ç </span> -->
			<!-- <span>å é¤</span> -->
			<span @click="handleUpdate(scope.row)">ä¿®æ¹é¨é¨</span>
			</div>
			</template>
			</el-table-column>
			</el-table>
			<!-- æ¥çä¿®æ¹é¡µé¢ -->
			<el-dialog :visible.sync="dialogUpdate" width="45%" v-if="dialogUpdate"
			:title="updateFlag ? 'ä¿®æ¹ç¨æ·é¨é¨ä¿¡æ¯' :'æ¥çç¨æ·ä¿¡æ¯'">
			<updateUser :updateFlag="updateFlag" :userInfo=userInfo />
			</el-dialog>
			<!-- åé¡µ -->
			<div class="pagination">
			<el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum"
			:page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev"
			@next-click="handleNext">
			</el-pagination>
			</div>
			</div>
			</main>
			</template>
			<script>
			import helper from '@/utils/mydate'
			import updateUser from '../updateUser';
			export default {
			components: {
			updateUser
			},
			data() {
			return {
			tableData: [],
			search: "",
			dialogUpdate: false,
			updateFlag: false,
			userInfo: '',
			totalNum: 200,
			pageSize: 10,
			currentPage: 1,
			renderFlag: false,
			}
			},
			created() {
			this.getUserList();
			},
			methods: {
			// å½åé¡µæ¹åè§¦åäºä»¶
			changeCurrentPage(page) {
			this.currentPage = page;
			this.getUserList();
			},
			// ä¸ä¸é¡µç¹å»äºä»¶
			handlePrev(page) {
			this.currentPage = page;
			this.getUserList();
			},
			// ä¸ä¸é¡µç¹å»äºä»¶
			handleNext(page) {
			this.currentPage = page;
			this.getUserList();
			},
			// ä¿®æ¹è§è²
			handleChangeRole(obj) {
			this.dialogUpdate = true
			this.user = obj;
			// console.log(obj)
			},
			// ä¿®æ¹ç¨æ·ç¶æ
			handleChangeStatus(obj) {
			let { id, status } = obj;
			status == true ? status = 1 : status = 0;
			this.$axios.post(`sccg/admin/updateStatus/` + id + '?status=' + status).then(res => {
			console.log(res);
			})
			},
			// è·åç¨æ·åè¡¨
			getUserList() {
			const that = this;
			const { currentPage, pageSize, search } = this;
			// è·åææç¨æ·ä¿¡æ¯ãç¨æ·æ¥è¯¢(ææ¶æ¯æçµè¯å·ç )
			this.$axios.get(`sccg/admin/list?mobile=${search}&current=${currentPage}&pageSize=${pageSize}`).then(res => {
			if (res.code === 200) {
			res.data.records.forEach(item => {
			item.createTime = helper(item.createTime);
			item.status == 1 ? item.status = true : item.status = false;
			})
			that.totalNum = res.data.pages * pageSize;
			that.tableData = res.data.records;
			this.renderFlag = true;
			}
			})
			},
			// æ¥çç¨æ·ä¿¡æ¯(ä¸å¯ä¿®æ¹)
			handleFind(rowData) {
			this.dialogUpdate = true;
			this.updateFlag = false;
			this.userInfo = rowData;
			},
			// ä¿®æ¹ç¨æ·é¨é¨ä¿¡æ¯
			handleUpdate(rowData) {
			this.dialogUpdate = true;
			this.updateFlag = true;
			this.userInfo = rowData
			},
			// è®¾ç½®è¡¨æ ¼æé©¬çº¹
			tableRowClassName({ row, rowIndex }) {
			if ((rowIndex + 1) % 2 == 0) {
			return 'warning-row';
			} else {
			return 'success-row';
			}
			return '';
			},
			},
			props: ['refresh', 'keyword', 'resetFresh'],
			watch: {
			refresh: {
			handler(newValue, oldValue) {
			if (newValue == true) {
			this.search = '';
			if (this.keyword != '') {
			this.search = this.keyword;
			}
			this.getUserList();
			this.$emit('resetFresh', { flag: false })
			}
			},
			immediate: true
			}
			}
			}
			</script>
			<style lang="scss" scoped>
			main {
			background-color: #09152f;
			margin-top: 20px;
			padding-bottom: 50px;
			border: 1pox solid #fff;

			.mainTitle {
			line-height: 60px;
			}

			.pagination {
			margin-top: 50px;
			display: flex;
			line-height: 50px;
			justify-content: center;

			.el-pagination {

			&::v-deep li,
			&::v-deep .btn-prev,
			&::v-deep .btn-next {
			background-color: #071f39;
			color: #4b9bb7;
			}
			}
			}

			.el-table {
			color: #4b9bb7;
			font-size: 10px;

			&::v-deep .el-table__empty-block {
			background-color: #09152f;
			color: #4b9bb7;
			}

			.operation {
			display: flex;

			.line {
			padding: 0 5px;
			}

			span:hover {
			cursor: pointer;
			}
			}
			}

			.el-table::v-deep .warning-row {
			background: #06122c;
			}

			.el-table::v-deep .success-row {
			background: #071f39;
			}

			&::v-deep .switchStyle .el-switch__label {
			position: absolute;
			display: none;
			color: #fff;
			}

			&::v-deep .el-switch__core {
			background-color: rgba(166, 166, 166, 1);
			}

			&::v-deep .switchStyle .el-switch__label--left {
			z-index: 9;
			left: 20px;
			}

			&::v-deep .switchStyle .el-switch__label--right {
			z-index: 9;
			left: 4px;
			}

			&::v-deep .switchStyle .el-switch__label.is-active {
			display: block;
			}

			&::v-deep .switchStyle.el-switch .el-switch__core,
			&::v-deep .el-switch .el-switch__label {
			width: 50px !important;
			}
			}
			</style>

New file
			@@ -0,0 +1,91 @@
			<template>
			<div class="userList">
			<!-- <header>
			<div class="headerContent">
			<div class="search">
			<span>çéæ¡ä»¶:</span>
			<el-input placeholder="è¯·è¾å¥åå®¹" v-model="search"></el-input>
			<div class="findBtn">
			<el-button type="primary" @click="getUserList">æ¥è¯¢</el-button>
			</div>
			</div>
			<div class="addUser">
			<el-button class="addBtn" type="primary" @click="dialogCreate = true">æ·»å ç¨æ·</el-button>
			<el-dialog :visible.sync="dialogCreate" title="æ°å¢è´¦æ·" width="45%" v-if="dialogCreate"
			:before-close="handleClose1">
			<createUser :refresh="getUserList" />
			</el-dialog>
			</div>
			</div>
			</header> -->
			<myHeader @setDialog="changeDialog" @getSearch="getSearch"></myHeader>
			<myMain :refresh="isFresh" :keyword="keyword" @resetFresh="resetFresh" />
			</div>
			</template>
			<script>
			import myHeader from "./components/header"
			import myMain from "./components/main"
			export default {
			components: {
			myHeader,
			myMain
			},
			data() {
			return {
			isFresh: false,
			keyword: '',
			}
			},
			methods: {
			// è·åæç´¢è¿åç»æ
			getSearch({ text }) {
			this.keyword = text;
			this.isFresh = true;
			},
			// è·åå·æ°ç»æ
			changeDialog({ flag }) {
			console.log(flag);
			this.isFresh = flag;
			},
			// éç½®isFresh
			resetFresh({ flag }) {
			this.isFresh = flag;
			console.log(this.isFresh);
			}
			}
			}
			</script>
			<style lang="scss" scoped>
			.userList {
			text-align: left;
			margin: 10px 20px;
			color: #4b9bb7;

			&::v-deep .el-dialog__header,
			&::v-deep .el-dialog__body {
			background-color: #06122c;
			}

			&::v-deep .el-dialog__header {
			display: flex;
			align-items: center;
			background-color: #fff;
			padding: 20px;
			line-height: 60px;
			}

			&::v-deep .el-dialog__title {
			color: #4b9bb7;
			}

			&::v-deep .el-dialog__close {
			width: 20px;
			height: 20px;
			// color: #fff;
			}

			&::v-deep .el-dialog__body {
			padding: 0;
			}
			}
			</style>

File was copied from src/views/systemSetting/baseSetting/user/createUser/index.vue
			@@ -280,7 +280,6 @@
			methods: {
			handleUser() {
			const { user } = this;
			console.log(user);
			this.$axios.post('sccg/admin/register', {
			departmentId: user.departmentId,
			email: user.email,
			@@ -293,12 +292,13 @@
			username: user.username,
			}).then(res => {
			if (res.code === 200) {
			this.refresh();
			console.log(1);
			this.$emit('sendDialog',{flag:false});
			}
			})
			}
			},
			},
			props: ['refresh']
			props: ['sendDialog']
			}
			</script>
			<style lang="scss" scoped>