Commit 16fb3887 authored by mengwenhao's avatar mengwenhao

fix:企业认证管理列表字段的修改

parent 9164f9dc
.detail {
margin-top: 30px;
.commodity {
margin-top: 30px;
padding: 0 30px;
.search_condition {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
.search_button {
display: flex;
align-items: center;
.el-form-item__content {
display: flex;
justify-content: space-around;
}
}
}
.commodity_list {
margin-top: 30px;
}
.pagination {
margin-top: 30px;
}
}
}
<template>
<div class="detail">
<el-card class="commodity">
<!-- 筛选区 -->
<el-form
inline
class="search_condition"
>
<!-- 商品id -->
<el-form-item label="商品id">
<el-input></el-input>
</el-form-item>
<!-- 商品名称 -->
<el-form-item label="商品名称">
<el-input></el-input>
</el-form-item>
<!-- 所属分类 -->
<el-form-item label="所属分类">
<el-cascader
:options="options"
:props="cascaderProps"
collapse-tags
clearable
></el-cascader>
</el-form-item>
<!-- 生活号ID -->
<el-form-item label="生活号id">
<el-input></el-input>
</el-form-item>
<!-- 生活号名称 -->
<el-form-item label="生活号名称">
<el-input></el-input>
</el-form-item>
<!-- 商品状态 -->
<el-form-item label="商品状态">
<el-select
v-model="stateValue"
multiple
collapse-tags
>
<el-option
v-for="item in option"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<!-- 按钮操作 -->
<el-form-item class="search_button">
<el-button type="primary">搜索</el-button>
<el-button>重置</el-button>
</el-form-item>
</el-form>
<!-- 列表区 -->
<el-table
class="commodity_list"
:data="commodityList"
border
stripe
>
<el-table-column
label="商品id"
prop="commodity_id"
align="center"
></el-table-column>
<el-table-column
label="商品名称"
prop="commodity_name"
align="center"
></el-table-column>
<el-table-column
label="一级分类"
prop="first_classify"
align="center"
></el-table-column>
<el-table-column
label="二级分类"
prop="second_classify"
align="center"
></el-table-column>
<el-table-column
label="关联门店"
prop="shop"
align="center"
></el-table-column>
<el-table-column
label="活动营销价"
prop="sale_prise"
align="center"
></el-table-column>
<el-table-column
label="售价"
prop="prise"
align="center"
></el-table-column>
<el-table-column
label="原价"
prop="perprise"
align="center"
></el-table-column>
<el-table-column
label="库存"
prop="inventory"
align="center"
></el-table-column>
<el-table-column
label="状态"
prop="state"
align="center"
></el-table-column>
<el-table-column
label="生活号id"
prop="life_no_id"
align="center"
></el-table-column>
<el-table-column
label="生活号名称"
prop="life_no_name"
align="center"
></el-table-column>
<el-table-column
label="发布者"
prop="publisher"
align="center"
></el-table-column>
<el-table-column
label="状态更新时间"
prop="state_update_time"
align="center"
></el-table-column>
<el-table-column
label="商品创建时间"
prop="commodity_create_time"
align="center"
></el-table-column>
<!-- 操作快捷键 -->
<el-table-column
label="操作"
align="center"
fixed="right"
width="200"
>
<template #default="scope">
<el-button
type="text"
v-if="scope.row.state === 1"
>编辑</el-button>
<el-button
type="text"
v-if="scope.row.state === 1"
>审核</el-button>
<el-button
type="text"
v-if="scope.row.state === 1"
>上架</el-button>
<el-button
type="text"
v-if="scope.row.state === 1"
>下架</el-button>
</template>
</el-table-column>
</el-table>
<!-- 页码区 -->
<el-pagination
class="pagination"
@current-change="handleCurrentChange"
v-model:currentPage="currentPage"
:page-size="100"
layout="prev, pager, next, jumper"
:total="1000"
>
</el-pagination>
</el-card>
</div>
</template>
<style lang="less" src="./index.less" scope></style>
<script>
export default {
name: "CommodityDetail",
created () { },
data () {
return {
cascaderProps: { multiple: true },
// 级联选择器
options: [
{
value: 1,
label: "东南",
children: [
{
value: 2,
label: "上海",
children: [
{ value: 3, label: "普陀" },
{ value: 4, label: "黄埔" },
{ value: 5, label: "徐汇" }
]
},
{
value: 7,
label: "江苏",
children: [
{ value: 8, label: "南京" },
{ value: 9, label: "苏州" },
{ value: 10, label: "无锡" }
]
},
{
value: 12,
label: "浙江",
children: [
{ value: 13, label: "杭州" },
{ value: 14, label: "宁波" },
{ value: 15, label: "嘉兴" }
]
}
]
},
{
value: 17,
label: "西北",
children: [
{
value: 18,
label: "陕西",
children: [
{ value: 19, label: "西安" },
{ value: 20, label: "延安" }
]
},
{
value: 21,
label: "新疆维吾尔族自治区",
children: [
{ value: 22, label: "乌鲁木齐" },
{ value: 23, label: "克拉玛依" }
]
}
]
}
],
option: [
{ value: 1, label: "待审核" },
{ value: 2, label: "审核通过" },
{ value: 3, label: "审核驳回" },
{ value: 4, label: "已上架" },
{ value: 5, label: "已下架" }
],
// 商品状态
stateValue: [],
// 商品列表
commodityList: [
{
commodity_id: 1,
commodity_name: "威化",
first_classify: 1,
second_classify: 1,
life_no_id: 1,
shop: "楼下小卖部",
life_no_name: "1的生活号",
publisher: "蒙文昊",
sale_prise: 300,
prise: 200,
perprise: 500,
inventory: 999,
state: 1,
state_update_time: "2021-06-17",
commodity_create_time: "2021-06-17"
}
],
currentPage: 1 // 当前页码
};
},
methods: {
// 页码变化
handleCurrentChange (e) {
console.log("currentPage", e);
console.log(this.currentPage);
}
}
};
</script>
.title {
padding: 20px;
}
.audit {
padding: 50px;
padding-bottom: 0;
}
.audit .submit_area {
margin: 20px 0;
}
.audit .audit_area {
margin: 20px 0;
}
.audit .button_area {
margin-top: 20px;
display: flex;
justify-content: center;
}
.audit .life_area {
margin: 20px 0;
margin-bottom: 50px;
}
.audit .edit_button_area {
margin: 20px;
display: flex;
justify-content: center;
}
.audit thead th {
background-color: lightblue;
color: #000;
}
.audit .history_area {
margin-bottom: 20px;
}
.mgtb20 {
margin: 20px 0;
}
.setUp {
position: absolute;
right: 20px;
transform: translate(-50%, 25%);
}
.enterprise_card {
padding: 50px;
}
.enterprise_card .enterprise_form {
display: flex;
flex-direction: column;
justify-content: center;
}
.enterprise_card .enterprise_form .formItem {
display: flex;
justify-content: space-between;
}
.enterprise_card .enterprise_form .formButton {
display: flex;
justify-content: flex-end;
}
.enterprise_card .enterprise_form .formButton .inquire {
margin-right: 10px;
}
......@@ -246,8 +246,8 @@ export default {
code: "",
legal_person: "",
audit_status: 10,
data_from: null,
proxy_user_name: null,
data_from: "",
proxy_user_name: "",
},
statusOptions: [
{ value: "", label: "全部" },
......@@ -277,8 +277,6 @@ export default {
},
created () {
const queryForm = window.localStorage.getItem("queryForm");
this.enterpriseForm = queryForm ? JSON.parse(queryForm) : this.enterpriseForm;
this.getEnterpriseList();
console.log(this.$store);
},
......@@ -307,7 +305,7 @@ export default {
} = this.enterpriseForm;
const params = {
page: this.currentPage, // 当前页
limit: this.pageSize, // 每页条数
page_size: this.pageSize, // 每页条数
name, // 企业注册名称
code, // 注册码
legal_person, // 法人或经营者姓名
......@@ -335,8 +333,8 @@ export default {
this.enterpriseForm.code = "";
this.enterpriseForm.legal_person = "";
this.enterpriseForm.audit_status = "";
this.enterpriseForm.data_from = null;
this.enterpriseForm.proxy_user_name = null;
this.enterpriseForm.data_from = "";
this.enterpriseForm.proxy_user_name = "";
this.getEnterpriseList();
},
......
.title {
padding: 20px;
}
.establish {
padding: 50px;
display: flex;
justify-content: center;
}
.establish .el-form {
width: 50%;
}
import { createRouter, createWebHashHistory } from "vue-router";
import Certification from '@/pages/Enterprise/Certification'
import Audit from '@/pages/Enterprise/Audit'
import Establish from '@/pages/Enterprise/Establish'
import LifeNo from "../pages/Life-no/index.vue";
import LifeNoDetail from "../pages/Life-no/life-no-detail.vue";
import LifeNo from '../pages/Life-no/index.vue'
import LifeNoDetail from '../pages/Life-no/life-no-detail.vue'
import User from "../pages/User/userList";
import UserDetail from "../pages/User/user-detail.vue";
import User from '../pages/User/userList'
import UserDetail from '../pages/User/user-detail.vue'
import AddRole from '../pages/Role/add-role.vue'
import ManageRole from '../pages/Role/manage-role.vue'
import RoleDetail from '../pages/Role/role-detail.vue'
import AddRole from "../pages/Role/add-role.vue";
import ManageRole from "../pages/Role/manage-role.vue";
import RoleDetail from "../pages/Role/role-detail.vue";
const routes = [
{
path: "/",
redirect: '/enterprise/certification'
redirect: "/enterprise/certification"
},
{
path: '/404',
name: 'NotFound',
component: () => import(/* webpackChunkName: "enterprise" */ '@/pages/Catch/notFound'),
path: "/404",
name: "NotFound",
component: () =>
import(/* webpackChunkName: "enterprise" */ "@/pages/Catch/notFound")
},
{
path: '/403',
name: 'Forbidden',
component: () => import(/* webpackChunkName: "enterprise" */ '@/pages/Catch/forbidden'),
path: "/403",
name: "Forbidden",
component: () =>
import(/* webpackChunkName: "enterprise" */ "@/pages/Catch/forbidden")
},
// 企业认证管理
{
path: '/enterprise/certification',
name: 'Certification',
component: Certification,
path: "/enterprise/certification",
name: "Certification",
component: () =>
import(
/* webpackChunkName: "enterprise" */ "@/pages/Enterprise/Certification"
),
meta: {
requireAuth: true,
},
requireAuth: true
}
},
{
path: '/enterprise/audit',
name: 'Audit',
component: Audit,
path: "/enterprise/audit",
name: "Audit",
component: () =>
import(/* webpackChunkName: "enterprise" */ "@/pages/Enterprise/Audit"),
meta: {
requireAuth: true,
requireAuth: true
}
},
{
path: '/enterprise/establish',
name: 'Establish',
component: Establish,
path: "/enterprise/establish",
name: "Establish",
component: () =>
import(
/* webpackChunkName: "enterprise" */ "@/pages/Enterprise/Establish"
),
meta: {
requireAuth: true,
requireAuth: true
}
},
// 商品详情管理
{
path: "/commodity/detail",
name: "CommodityDetail",
component: () => import(/* webpackChunkName: "commodity" */ "@/pages/Commodity/Detail")
},
//生活号管理
{
path: '/lifeNo',
name: 'LifeNo',
path: "/lifeNo",
name: "LifeNo",
component: LifeNo,
meta: {
requireAuth: true
}
},
{
path: '/lifeNoDetail',
name: 'LifeNoDetail',
component: LifeNoDetail,
path: "/lifeNoDetail",
name: "LifeNoDetail",
component: LifeNoDetail
},
//用户管理
{
path: '/user',
name: 'User',
component: User,
path: "/user",
name: "User",
component: User
},
{
path: '/userDetail',
name: 'UserDetail',
path: "/userDetail",
name: "UserDetail",
component: UserDetail
},
//角色管理
{
path: '/roleAddRole',
name: 'AddRole',
path: "/roleAddRole",
name: "AddRole",
component: AddRole,
meta: {
requireAuth: true,
......@@ -89,8 +101,8 @@ const routes = [
}
},
{
path: '/roleManageRole',
name: 'ManageRole',
path: "/roleManageRole",
name: "ManageRole",
component: ManageRole,
meta: {
requireAuth: true,
......@@ -98,8 +110,8 @@ const routes = [
}
},
{
path: '/roleRoleDetail',
name: 'RoleDetail',
path: "/roleRoleDetail",
name: "RoleDetail",
component: RoleDetail,
meta: {
keepAlive: true
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment