搭建信息失败提示页面

“dzb”

2022-09-22 6237280bed0832babd48694e3d3598076fa1c467

搭建信息失败提示页面

 src/assets/icons/΢ÐÅͼƬ_20220922154214.png

Binary files differ

 src/router/index.js

@@ -91,6 +91,18 @@
              },
            ]
          },
          {
            path: "fivepack",
            name: 'fivepack',
            component: () => import('@/views/operate/fivepack'),
            children: [
              {
                path: "shop",
                name: 'shop',
                component: () => import('@/views/operate/fivepack/shop'),
              }
            ]
          }
        ]
      },
      {
@@ -133,9 +145,14 @@
  {
    path: '/404',
    name: "404",
    component: () => import('@/views/NotFound'),
    component: () => import('@/views/info/NotFound'),
  },
  // { path: '*', redirect: '/404' }
  {
    path: '/fail',
    name: "/fail",
    component: () => import('@/views/info/Fail'),
  },
  { path: '*', redirect: '/404' }
]

const router = new VueRouter({

 src/views/info/Fail/index.vue

New file
@@ -0,0 +1,38 @@
<template>
    <div class="fail">
        <header>
            <div class="header-img">
                <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__fe57e10f2714b3e5e553a2c6469510de.png"
                    alt="">
            </div>
            <div class="header-tip">
                <span>请核对并修改以下信息，再重新提交</span>
            </div>
        </header>
        <main>
            <h4>您提交的内容有如下错误:</h4>
            <div class="main-tip">
                <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__fe57e10f2714b3e5e553a2c6469510de.png"
                    alt="">
                <span>您的账户已被冻结</span>
                <el-link>立即解冻</el-link>
            </div>
            <div class="main-tip">
                <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__fe57e10f2714b3e5e553a2c6469510de.png"
                    alt="">
                <span>您的账户还不具备申请资格</span>
                <el-link>立即升级</el-link>
            </div>
        </main>
        <footer>
            <el-button type="primary">返回修改</el-button>
        </footer>
    </div>
</template>
<style lang="scss" scoped>
    .fail{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
</style>

 src/views/info/NotFound/index.vue

 src/views/info/index.vue

@@ -1,3 +1,3 @@
<template>
    <router-view></router-view>
    <div>111</div>
</template>

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

@@ -86,7 +86,13 @@
            <el-menu-item index="/home/operate/rectification">专项整治</el-menu-item>
            <el-menu-item index="/home/operate/">巡查执法</el-menu-item>
            <el-menu-item index="/home/operate/">案卷查询</el-menu-item>
            <el-menu-item index="/home/operate/">门前五包处置管理</el-menu-item>
            <el-submenu index="/home/operate/fivepack">
              <template slot="title">
                <span class="secondSpan">门前五包处置管理</span>
              </template>
              <el-menu-item index="/home/operate/thirdpack">门前三包</el-menu-item>
              <el-menu-item index="/home/operate/fivepack/shop">店铺管理</el-menu-item>
            </el-submenu>
            <el-menu-item index="/home/operate/">算法模型管理</el-menu-item>
            <el-menu-item index="/home/operate/">车辆管理</el-menu-item>
            <el-menu-item index="/home/operate">图片管理</el-menu-item>

 src/views/operate/fivepack/index.vue

New file
@@ -0,0 +1,3 @@
<template>
    <router-view></router-view>
</template>

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

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

File was renamed from src/views/operate/shop/components/header/index.vue
@@ -1,20 +1,29 @@
<template>
    <header>
        <div class="headerContent">
            <div class="find">
            <div class="search">
                <span>筛选条件:</span>
                <el-input placeholder="请输入内容" v-model="search"></el-input>
                    <span>输入查询:</span>
                    <el-input placeholder="店铺(门店)名称" v-model="search"></el-input>
                </div>
                <div class="status">
                    <span>店铺状态:</span>
                    <el-input placeholder="选择店铺状态" v-model="search"></el-input>
                </div>
                <div class="findBtn">
                    <el-button type="primary" @click="setSearch">查询</el-button>
                    <el-button type="primary" @click="setSearch" icon="el-icon-search">查询</el-button>
                    <el-button icon="el-icon-delete-solid">重置</el-button>
                </div>
            </div>
            <div class="addUser">
                <!-- :before-close="handleClose" -->
                <el-button class="addBtn" type="primary" @click="dialogCreate = true">添加用户</el-button>
            <div class="add">
                <el-button class="addBtn" type="primary" @click="dialogCreate = true" icon="el-icon-plus">添加</el-button>
            </div>

        </div>
        <div class="footer">
                <el-dialog :visible.sync="dialogCreate" title="新增账户" width="45%" v-if="dialogCreate">
                    <createUser @sendDialog="sendDialog" />
                </el-dialog>
            </div>
        </div>
    </header>
</template>
@@ -54,8 +63,11 @@
        line-height: 100px;
        justify-content: space-between;
        align-items: center;

        .search {
        .find{
            display: flex;
        }
        .search,
        .status {
            display: flex;
            justify-content: flex-start;

@@ -75,24 +87,24 @@

        }

        .status {
            margin-left: 20px;
        }

        .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;
            margin-left: 20%;
        }

            

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

File was renamed from src/views/operate/shop/components/main/index.vue
@@ -7,39 +7,22 @@
                :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">
                <el-table-column label="店铺名称" min-width="10">
                    <template slot-scope="scope">{{ scope.row.id }}</template>
                </el-table-column>
                <el-table-column prop="nickName" label="用户名称" min-width="10">
                <el-table-column prop="nickName" label="店铺负责人" min-width="10">
                </el-table-column>
                <el-table-column prop="username" label="所属姓名" min-width="10">
                <el-table-column prop="username" label="店铺联系电话" min-width="10">
                </el-table-column>
                <el-table-column prop="mobile" label="联系方式" min-width="10">
                <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 prop="note" label="店铺编号" min-width="10">
                </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>
                            <el-link icon="el-icon-edit" :underline="false">编辑</el-link>
                            <el-link class="leftPx" icon="el-icon-delete-solid" :underline="false">删除</el-link>
                        </div>
                    </template>
                </el-table-column>
@@ -179,13 +162,17 @@
    .mainTitle {
        line-height: 60px;
    }

    .el-link{
        color: #4b9bb7;
    }
    .leftPx{
        margin-left: 10px;
    }
    .pagination {
        margin-top: 50px;
        display: flex;
        line-height: 50px;
        justify-content: center;

        .el-pagination {

            &::v-deep li,
@@ -212,7 +199,10 @@
            .line {
                padding: 0 5px;
            }

            .el-button{
                // background-color: #fff;
                border: none;
            }
            span:hover {
                cursor: pointer;
            }

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

 src/views/operate/fivepack/shop/index.vue

 src/views/video/index.vue

@@ -1,11 +1,31 @@
<template>
  <div>视频巡查</div>
  <div>
    <el-button @click="getRegion">获取地址三级联动</el-button>
  </div>
</template>

<script>
export default {
  data(){
    return{

}
  },
  methods:{
    getRegion(){
      // this.$axios.get('sccg/sccg-region/getTree').then(res=>{
      //   console.log(res);
      // })
      this.$axios({
        method:'get',
        url:'sccg/sccg-region/getTree',
      })
      .then(res=>{
        console.log(res);
      })
    }
  }
}
</script>

<style lang="scss" scoped>