| @ -0,0 +1,593 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form"> | |||||
| <!-- <el-form-item label="修改人" prop="updatorBy">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.updatorBy"--> | |||||
| <!-- placeholder="请输入修改人"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="用户昵称" prop="userName"> | |||||
| <el-input | |||||
| v-model="queryParams.userName" | |||||
| placeholder="请输入用户昵称" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="是否合伙人" prop="userHh">--> | |||||
| <!-- <el-select v-model="queryParams.userHh" placeholder="请选择是否合伙人" clearable size="small">--> | |||||
| <!-- <el-option--> | |||||
| <!-- v-for="dict in dict.type.applet_yes_no"--> | |||||
| <!-- :key="dict.value"--> | |||||
| <!-- :label="dict.label"--> | |||||
| <!-- :value="dict.value"--> | |||||
| <!-- />--> | |||||
| <!-- </el-select>--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="合伙人角色" prop="userBcsRole">--> | |||||
| <!-- <el-select v-model="queryParams.userHhRole" placeholder="请选择合伙人角色" clearable size="small">--> | |||||
| <!-- <el-option--> | |||||
| <!-- v-for="dict in dict.type.applet_hh_role"--> | |||||
| <!-- :key="dict.value"--> | |||||
| <!-- :label="dict.label"--> | |||||
| <!-- :value="dict.value"--> | |||||
| <!-- />--> | |||||
| <!-- </el-select>--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="是否伴宠师" prop="userBcs">--> | |||||
| <!-- <el-select v-model="queryParams.userBcs" placeholder="请选择是否伴宠师" clearable size="small">--> | |||||
| <!-- <el-option--> | |||||
| <!-- v-for="dict in dict.type.applet_yes_no"--> | |||||
| <!-- :key="dict.value"--> | |||||
| <!-- :label="dict.label"--> | |||||
| <!-- :value="dict.value"--> | |||||
| <!-- />--> | |||||
| <!-- </el-select>--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="伴宠师角色" prop="userBcsRole"> | |||||
| <el-select v-model="queryParams.userBcsRole" placeholder="请选择伴宠师角色" clearable size="small"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_bcs_role" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="dict.value" | |||||
| /> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="用户状态" prop="userState">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.userState"--> | |||||
| <!-- placeholder="请输入用户状态"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="用户电话" prop="userTelephone"> | |||||
| <el-input | |||||
| v-model="queryParams.userTelephone" | |||||
| placeholder="请输入用户电话" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段" prop="unionid">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.unionid"--> | |||||
| <!-- placeholder="请输入只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="用户的标识,对当前公众号唯一" prop="openid">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.openid"--> | |||||
| <!-- placeholder="请输入用户的标识,对当前公众号唯一"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="过期时间" prop="expiresIn">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.expiresIn"--> | |||||
| <!-- placeholder="请输入过期时间"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="过期时间" prop="expireTime">--> | |||||
| <!-- <el-date-picker--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- v-model="queryParams.expireTime"--> | |||||
| <!-- type="datetime"--> | |||||
| <!-- value-format="yyyy-MM-dd HH:mm:ss"--> | |||||
| <!-- placeholder="选择过期时间">--> | |||||
| <!-- </el-date-picker>--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="是否合伙人" prop="userHh">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.userHh"--> | |||||
| <!-- placeholder="请输入是否合伙人"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="是否伴宠师" prop="userBcs">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.userBcs"--> | |||||
| <!-- placeholder="请输入是否伴宠师"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="钱包金额" prop="price">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.price"--> | |||||
| <!-- placeholder="请输入钱包金额"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="邀请码" prop="invitationCode">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.invitationCode"--> | |||||
| <!-- placeholder="请输入邀请码"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item class="flex_one tr"> | |||||
| <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> | |||||
| <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| <el-row :gutter="10" class="mb8"> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="primary"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-plus"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- @click="handleAdd"--> | |||||
| <!-- v-hasPermi="['model:AppUsers:add']"--> | |||||
| <!-- >新增</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="success"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-edit"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- :disabled="single"--> | |||||
| <!-- @click="handleUpdate"--> | |||||
| <!-- v-hasPermi="['model:AppUsers:edit']"--> | |||||
| <!-- >修改</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="danger"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-delete"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- :disabled="multiple"--> | |||||
| <!-- @click="handleDelete"--> | |||||
| <!-- v-hasPermi="['model:AppUsers:remove']"--> | |||||
| <!-- >删除</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="warning"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-download"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- :loading="exportLoading"--> | |||||
| <!-- @click="handleExport"--> | |||||
| <!-- v-hasPermi="['model:AppUsers:export']"--> | |||||
| <!-- >导出</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar> | |||||
| </el-row> | |||||
| <el-table v-loading="loading" :data="AppUsersList" @selection-change="handleSelectionChange"> | |||||
| <el-table-column type="selection" width="55" align="center" /> | |||||
| <el-table-column label="注册时间" align="center" prop="createTime" /> | |||||
| <el-table-column label="用户编号" align="center" prop="userId" /> | |||||
| <!-- <el-table-column label="备注" align="center" prop="remark" v-if="columns[0].visible"/>--> | |||||
| <!-- <el-table-column label="修改人" align="center" prop="updatorBy" v-if="columns[1].visible"/>--> | |||||
| <!-- <el-table-column label="用户头像" align="center" prop="userImage" />--> | |||||
| <el-table-column label="用户头像" align="center" prop="userImage"> | |||||
| <template slot-scope="{ row }"> | |||||
| <el-image v-if="row.userImage" :src="row.userImage" :preview-src-list="[row.userImage]" class="small-img circle-img"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="用户昵称" align="center" prop="userName" /> | |||||
| <!-- <el-table-column label="用户状态" align="center" prop="userState" v-if="columns[4].visible"/>--> | |||||
| <el-table-column label="用户电话" align="center" prop="userTelephone" /> | |||||
| <!-- <el-table-column label="只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段" align="center" prop="unionid" v-if="columns[6].visible"/>--> | |||||
| <el-table-column label="用户微信标识" align="center" prop="openid" /> | |||||
| <!-- <el-table-column label="token" align="center" prop="accessToken" v-if="columns[8].visible"/>--> | |||||
| <!-- <el-table-column label="过期时间" align="center" prop="expiresIn" v-if="columns[9].visible"/>--> | |||||
| <!-- <el-table-column label="刷新token" align="center" prop="refreshToken" v-if="columns[10].visible"/>--> | |||||
| <!-- <el-table-column label="过期时间" align="center" prop="expireTime" width="180" v-if="columns[11].visible">--> | |||||
| <!-- <template slot-scope="scope">--> | |||||
| <!-- <span>{{ parseTime(scope.row.expireTime, '')}}</span>--> | |||||
| <!-- </template>--> | |||||
| <!-- </el-table-column>--> | |||||
| <!-- <el-table-column label="是否合伙人" align="center" prop="userHh" />--> | |||||
| <!-- <el-table-column label="是否伴宠师" align="center" prop="userBcs" />--> | |||||
| <!-- <el-table-column label="是否合伙人" align="center" prop="userHh" >--> | |||||
| <!-- <template slot-scope="scope">--> | |||||
| <!-- <dict-tag :options="dict.type.applet_yes_no" :value="scope.row.userHh"/>--> | |||||
| <!-- </template>--> | |||||
| <!-- </el-table-column>--> | |||||
| <!-- <el-table-column label="合伙人角色" align="center" prop="userHhRole">--> | |||||
| <!-- <template slot-scope="scope">--> | |||||
| <!-- <dict-tag :options="dict.type.applet_hh_role" :value="scope.row.userHhRole"/>--> | |||||
| <!-- </template>--> | |||||
| <!-- </el-table-column>--> | |||||
| <el-table-column label="是否伴宠师" align="center" prop="userBcs" > | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_yes_no" :value="scope.row.userBcs"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="伴宠师角色" align="center" prop="userBcsRole"> | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_bcs_role" :value="scope.row.userBcsRole"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="钱包金额" align="center" prop="price"/> | |||||
| <el-table-column label="保证金" align="center" prop="baoPrice" /> | |||||
| <el-table-column label="邀请码" align="center" prop="invitationCode" /> | |||||
| <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> | |||||
| <template slot-scope="scope"> | |||||
| <!-- <el-button--> | |||||
| <!-- size="mini"--> | |||||
| <!-- type="text"--> | |||||
| <!-- icon="el-icon-edit"--> | |||||
| <!-- @click="handleUpdate(scope.row)"--> | |||||
| <!-- v-hasPermi="['model:AppUsers:edit']"--> | |||||
| <!-- >修改</el-button>--> | |||||
| <!-- <el-button--> | |||||
| <!-- size="mini"--> | |||||
| <!-- type="text"--> | |||||
| <!-- icon="el-icon-delete"--> | |||||
| <!-- @click="handleDelete(scope.row)"--> | |||||
| <!-- v-hasPermi="['model:AppUsers:remove']"--> | |||||
| <!-- >删除</el-button>--> | |||||
| </template> | |||||
| </el-table-column> | |||||
| </el-table> | |||||
| <pagination | |||||
| v-show="total>0" | |||||
| :total="total" | |||||
| :page.sync="queryParams.pageNum" | |||||
| :limit.sync="queryParams.pageSize" | |||||
| @pagination="getList" | |||||
| /> | |||||
| <!-- 添加或修改用户对话框 --> | |||||
| <el-dialog :title="title" :visible.sync="open" width="50%" append-to-body> | |||||
| <el-form ref="form" :model="form" :rules="rules" label-width="108px" > | |||||
| <!-- <el-form-item label="逻辑删除" prop="delFlag">--> | |||||
| <!-- <el-input v-model="form.delFlag" placeholder="请输入逻辑删除" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="备注" prop="remark">--> | |||||
| <!-- <el-input v-model="form.remark" placeholder="请输入备注" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="修改人" prop="updatorBy">--> | |||||
| <!-- <el-input v-model="form.updatorBy" placeholder="请输入修改人" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="用户头像"> | |||||
| <!-- <imageUpload v-model="form.userImage"/>--> | |||||
| <oss-image-upload v-model="form.userImage" :limit="1"></oss-image-upload> | |||||
| </el-form-item> | |||||
| <el-form-item label="用户昵称" prop="userName"> | |||||
| <el-input v-model="form.userName" placeholder="请输入用户昵称" /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="用户状态" prop="userState">--> | |||||
| <!-- <el-input v-model="form.userState" placeholder="请输入用户状态" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="用户电话" prop="userTelephone"> | |||||
| <el-input v-model="form.userTelephone" placeholder="请输入用户电话" /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段" prop="unionid">--> | |||||
| <!-- <el-input v-model="form.unionid" placeholder="请输入只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="用户微信标识" prop="openid"> | |||||
| <el-input v-model="form.openid" placeholder="请输入用户的标识,对当前公众号唯一" /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="token" prop="accessToken">--> | |||||
| <!-- <el-input v-model="form.accessToken" type="textarea" placeholder="请输入内容" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="过期时间" prop="expiresIn">--> | |||||
| <!-- <el-input v-model="form.expiresIn" placeholder="请输入过期时间" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="刷新token" prop="refreshToken">--> | |||||
| <!-- <el-input v-model="form.refreshToken" type="textarea" placeholder="请输入内容" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="过期时间" prop="expireTime">--> | |||||
| <!-- <el-date-picker clearable size="small"--> | |||||
| <!-- v-model="form.expireTime"--> | |||||
| <!-- type="datetime"--> | |||||
| <!-- value-format="yyyy-MM-dd HH:mm:ss"--> | |||||
| <!-- placeholder="选择过期时间">--> | |||||
| <!-- </el-date-picker>--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="是否合伙人" prop="userHh"> | |||||
| <el-select v-model="form.userHh" placeholder="请选择是否合伙人"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_yes_no" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="合伙人角色" prop="userHhRole"> | |||||
| <el-select v-model="form.userHhRole" placeholder="请选择合伙人角色"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_hh_role" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="是否伴宠师" prop="userBcs"> | |||||
| <el-select v-model="form.userBcs" placeholder="请选择是否伴宠师"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_yes_no" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="伴宠师角色" prop="userBcsRole"> | |||||
| <el-select v-model="form.userBcsRole" placeholder="请选择伴宠师角色"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_bcs_role" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="钱包金额" prop="price"> | |||||
| <el-input v-model="form.price" placeholder="请输入钱包金额" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="保证金" prop="baoPrice"> | |||||
| <el-input v-model="form.baoPrice" placeholder="请输入保证金" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="邀请码" prop="invitationCode"> | |||||
| <el-input v-model="form.invitationCode" placeholder="请输入邀请码" /> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| <div slot="footer" class="dialog-footer"> | |||||
| <el-button type="primary" @click="submitForm">确 定</el-button> | |||||
| <el-button @click="cancel">取 消</el-button> | |||||
| </div> | |||||
| </el-dialog> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { listAppUsers, getAppUsers, delAppUsers, addAppUsers, updateAppUsers, exportAppUsers } from "@/api/model/AppUsers"; | |||||
| export default { | |||||
| name: "AppUsers", | |||||
| dicts: ['applet_yes_no', 'applet_yes_no', 'applet_bcs_role','applet_hh_role'], | |||||
| data() { | |||||
| return { | |||||
| // 遮罩层 | |||||
| loading: true, | |||||
| // 导出遮罩层 | |||||
| exportLoading: false, | |||||
| // 选中数组 | |||||
| ids: [], | |||||
| // 非单个禁用 | |||||
| single: true, | |||||
| // 非多个禁用 | |||||
| multiple: true, | |||||
| // 显示搜索条件 | |||||
| showSearch: true, | |||||
| // 总条数 | |||||
| total: 0, | |||||
| // 用户表格数据 | |||||
| AppUsersList: [], | |||||
| // 弹出层标题 | |||||
| title: "", | |||||
| // 是否显示弹出层 | |||||
| open: false, | |||||
| // 查询参数 | |||||
| queryParams: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| updatorBy: null, | |||||
| userImage: null, | |||||
| userName: null, | |||||
| userState: null, | |||||
| userTelephone: null, | |||||
| unionid: null, | |||||
| openid: null, | |||||
| accessToken: null, | |||||
| expiresIn: null, | |||||
| refreshToken: null, | |||||
| expireTime: null, | |||||
| userHh: null, | |||||
| userBcs: 1, | |||||
| userBcsRole: null, | |||||
| price: null, | |||||
| baoPrice: null, | |||||
| invitationCode: null, | |||||
| userHhRole:null, | |||||
| }, | |||||
| // 表单参数 | |||||
| form: {}, | |||||
| // 表单校验 | |||||
| rules: { | |||||
| userName: [ | |||||
| { required: true, message: "用户昵称不能为空", trigger: "blur" } | |||||
| ], | |||||
| }, | |||||
| columns: [ | |||||
| { key: 2, label: "创建时间", visible: true }, | |||||
| { key: 4, label: "备注", visible: true }, | |||||
| { key: 6, label: "修改人", visible: false }, | |||||
| { key: 7, label: "用户头像", visible: false }, | |||||
| { key: 8, label: "用户名称", visible: true }, | |||||
| { key: 9, label: "用户状态, 0==为注册, 1==已注册为认证", visible: true }, | |||||
| { key: 10, label: "用户电话", visible: false }, | |||||
| { key: 11, label: "只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段", visible: false }, | |||||
| { key: 12, label: "用户的标识,对当前公众号唯一", visible: false }, | |||||
| { key: 13, label: "token", visible: false }, | |||||
| { key: 14, label: "过期时间", visible: false }, | |||||
| { key: 15, label: "刷新token", visible: false }, | |||||
| { key: 16, label: "过期时间", visible: false }, | |||||
| { key: 17, label: "是否合伙人", visible: false }, | |||||
| { key: 18, label: "是否伴宠师", visible: false }, | |||||
| { key: 19, label: "伴宠师角色", visible: false }, | |||||
| { key: 20, label: "钱包金额", visible: false }, | |||||
| { key: 21, label: "保证金", visible: false }, | |||||
| { key: 22, label: "邀请码", visible: false }, | |||||
| ], | |||||
| }; | |||||
| }, | |||||
| created() { | |||||
| this.getList(); | |||||
| }, | |||||
| methods: { | |||||
| /** 查询用户列表 */ | |||||
| getList() { | |||||
| this.loading = true; | |||||
| listAppUsers(this.queryParams).then(response => { | |||||
| this.AppUsersList = response.rows; | |||||
| this.total = response.total; | |||||
| this.loading = false; | |||||
| }); | |||||
| }, | |||||
| // 取消按钮 | |||||
| cancel() { | |||||
| this.open = false; | |||||
| this.reset(); | |||||
| }, | |||||
| // 表单重置 | |||||
| reset() { | |||||
| this.form = { | |||||
| userId: null, | |||||
| createBy: null, | |||||
| createTime: null, | |||||
| delFlag: null, | |||||
| remark: null, | |||||
| updateTime: null, | |||||
| updatorBy: null, | |||||
| userImage: null, | |||||
| userName: null, | |||||
| userState: null, | |||||
| userTelephone: null, | |||||
| unionid: null, | |||||
| openid: null, | |||||
| accessToken: null, | |||||
| expiresIn: null, | |||||
| refreshToken: null, | |||||
| expireTime: null, | |||||
| userHh: null, | |||||
| userBcs: 1, | |||||
| userBcsRole: null, | |||||
| price: null, | |||||
| baoPrice: null, | |||||
| invitationCode: null, | |||||
| userHhRole:null, | |||||
| }; | |||||
| this.resetForm("form"); | |||||
| }, | |||||
| /** 搜索按钮操作 */ | |||||
| handleQuery() { | |||||
| this.queryParams.pageNum = 1; | |||||
| this.getList(); | |||||
| }, | |||||
| /** 重置按钮操作 */ | |||||
| resetQuery() { | |||||
| this.resetForm("queryForm"); | |||||
| this.handleQuery(); | |||||
| }, | |||||
| // 多选框选中数据 | |||||
| handleSelectionChange(selection) { | |||||
| this.ids = selection.map(item => item.userId) | |||||
| this.single = selection.length!==1 | |||||
| this.multiple = !selection.length | |||||
| }, | |||||
| /** 新增按钮操作 */ | |||||
| handleAdd() { | |||||
| this.reset(); | |||||
| this.open = true; | |||||
| this.title = "添加用户"; | |||||
| }, | |||||
| /** 修改按钮操作 */ | |||||
| handleUpdate(row) { | |||||
| this.reset(); | |||||
| const userId = row.userId || this.ids | |||||
| getAppUsers(userId).then(response => { | |||||
| this.form = response.data; | |||||
| this.open = true; | |||||
| this.title = "修改用户"; | |||||
| }); | |||||
| }, | |||||
| /** 提交按钮 */ | |||||
| submitForm() { | |||||
| this.$refs["form"].validate(valid => { | |||||
| if (valid) { | |||||
| if (this.form.userId != null) { | |||||
| updateAppUsers(this.form).then(response => { | |||||
| this.$modal.msgSuccess("修改成功"); | |||||
| this.open = false; | |||||
| this.getList(); | |||||
| }); | |||||
| } else { | |||||
| addAppUsers(this.form).then(response => { | |||||
| this.$modal.msgSuccess("新增成功"); | |||||
| this.open = false; | |||||
| this.getList(); | |||||
| }); | |||||
| } | |||||
| } | |||||
| }); | |||||
| }, | |||||
| /** 删除按钮操作 */ | |||||
| handleDelete(row) { | |||||
| const userIds = row.userId || this.ids; | |||||
| this.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项?').then(function() { | |||||
| return delAppUsers(userIds); | |||||
| }).then(() => { | |||||
| this.getList(); | |||||
| this.$modal.msgSuccess("删除成功"); | |||||
| }).catch(() => {}); | |||||
| }, | |||||
| /** 导出按钮操作 */ | |||||
| handleExport() { | |||||
| const queryParams = this.queryParams; | |||||
| this.$modal.confirm('是否确认导出所有用户数据项?').then(() => { | |||||
| this.exportLoading = true; | |||||
| return exportAppUsers(queryParams); | |||||
| }).then(response => { | |||||
| this.download(response.msg); | |||||
| this.exportLoading = false; | |||||
| }).catch(() => {}); | |||||
| } | |||||
| } | |||||
| }; | |||||
| </script> | |||||
| @ -0,0 +1,593 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form"> | |||||
| <!-- <el-form-item label="修改人" prop="updatorBy">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.updatorBy"--> | |||||
| <!-- placeholder="请输入修改人"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="用户昵称" prop="userName"> | |||||
| <el-input | |||||
| v-model="queryParams.userName" | |||||
| placeholder="请输入用户昵称" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="是否合伙人" prop="userHh">--> | |||||
| <!-- <el-select v-model="queryParams.userHh" placeholder="请选择是否合伙人" clearable size="small">--> | |||||
| <!-- <el-option--> | |||||
| <!-- v-for="dict in dict.type.applet_yes_no"--> | |||||
| <!-- :key="dict.value"--> | |||||
| <!-- :label="dict.label"--> | |||||
| <!-- :value="dict.value"--> | |||||
| <!-- />--> | |||||
| <!-- </el-select>--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="合伙人角色" prop="userBcsRole"> | |||||
| <el-select v-model="queryParams.userHhRole" placeholder="请选择合伙人角色" clearable size="small"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_hh_role" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="dict.value" | |||||
| /> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="是否伴宠师" prop="userBcs">--> | |||||
| <!-- <el-select v-model="queryParams.userBcs" placeholder="请选择是否伴宠师" clearable size="small">--> | |||||
| <!-- <el-option--> | |||||
| <!-- v-for="dict in dict.type.applet_yes_no"--> | |||||
| <!-- :key="dict.value"--> | |||||
| <!-- :label="dict.label"--> | |||||
| <!-- :value="dict.value"--> | |||||
| <!-- />--> | |||||
| <!-- </el-select>--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="伴宠师角色" prop="userBcsRole">--> | |||||
| <!-- <el-select v-model="queryParams.userBcsRole" placeholder="请选择伴宠师角色" clearable size="small">--> | |||||
| <!-- <el-option--> | |||||
| <!-- v-for="dict in dict.type.applet_bcs_role"--> | |||||
| <!-- :key="dict.value"--> | |||||
| <!-- :label="dict.label"--> | |||||
| <!-- :value="dict.value"--> | |||||
| <!-- />--> | |||||
| <!-- </el-select>--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="用户状态" prop="userState">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.userState"--> | |||||
| <!-- placeholder="请输入用户状态"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="用户电话" prop="userTelephone"> | |||||
| <el-input | |||||
| v-model="queryParams.userTelephone" | |||||
| placeholder="请输入用户电话" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段" prop="unionid">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.unionid"--> | |||||
| <!-- placeholder="请输入只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="用户的标识,对当前公众号唯一" prop="openid">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.openid"--> | |||||
| <!-- placeholder="请输入用户的标识,对当前公众号唯一"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="过期时间" prop="expiresIn">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.expiresIn"--> | |||||
| <!-- placeholder="请输入过期时间"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="过期时间" prop="expireTime">--> | |||||
| <!-- <el-date-picker--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- v-model="queryParams.expireTime"--> | |||||
| <!-- type="datetime"--> | |||||
| <!-- value-format="yyyy-MM-dd HH:mm:ss"--> | |||||
| <!-- placeholder="选择过期时间">--> | |||||
| <!-- </el-date-picker>--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="是否合伙人" prop="userHh">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.userHh"--> | |||||
| <!-- placeholder="请输入是否合伙人"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="是否伴宠师" prop="userBcs">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.userBcs"--> | |||||
| <!-- placeholder="请输入是否伴宠师"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="钱包金额" prop="price">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.price"--> | |||||
| <!-- placeholder="请输入钱包金额"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="邀请码" prop="invitationCode">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.invitationCode"--> | |||||
| <!-- placeholder="请输入邀请码"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item class="flex_one tr"> | |||||
| <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> | |||||
| <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| <el-row :gutter="10" class="mb8"> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="primary"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-plus"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- @click="handleAdd"--> | |||||
| <!-- v-hasPermi="['model:AppUsers:add']"--> | |||||
| <!-- >新增</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <el-col :span="1.5"> | |||||
| <el-button | |||||
| type="success" | |||||
| plain | |||||
| icon="el-icon-edit" | |||||
| size="mini" | |||||
| :disabled="single" | |||||
| @click="handleUpdate" | |||||
| v-hasPermi="['model:AppUsers:edit']" | |||||
| >修改</el-button> | |||||
| </el-col> | |||||
| <el-col :span="1.5"> | |||||
| <el-button | |||||
| type="danger" | |||||
| plain | |||||
| icon="el-icon-delete" | |||||
| size="mini" | |||||
| :disabled="multiple" | |||||
| @click="handleDelete" | |||||
| v-hasPermi="['model:AppUsers:remove']" | |||||
| >删除</el-button> | |||||
| </el-col> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="warning"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-download"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- :loading="exportLoading"--> | |||||
| <!-- @click="handleExport"--> | |||||
| <!-- v-hasPermi="['model:AppUsers:export']"--> | |||||
| <!-- >导出</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar> | |||||
| </el-row> | |||||
| <el-table v-loading="loading" :data="AppUsersList" @selection-change="handleSelectionChange"> | |||||
| <el-table-column type="selection" width="55" align="center" /> | |||||
| <el-table-column label="注册时间" align="center" prop="createTime" /> | |||||
| <el-table-column label="用户编号" align="center" prop="userId" /> | |||||
| <!-- <el-table-column label="备注" align="center" prop="remark" v-if="columns[0].visible"/>--> | |||||
| <!-- <el-table-column label="修改人" align="center" prop="updatorBy" v-if="columns[1].visible"/>--> | |||||
| <!-- <el-table-column label="用户头像" align="center" prop="userImage" />--> | |||||
| <el-table-column label="用户头像" align="center" prop="userImage"> | |||||
| <template slot-scope="{ row }"> | |||||
| <el-image v-if="row.userImage" :src="row.userImage" :preview-src-list="[row.userImage]" class="small-img circle-img"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="用户昵称" align="center" prop="userName" /> | |||||
| <!-- <el-table-column label="用户状态" align="center" prop="userState" v-if="columns[4].visible"/>--> | |||||
| <el-table-column label="用户电话" align="center" prop="userTelephone" /> | |||||
| <!-- <el-table-column label="只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段" align="center" prop="unionid" v-if="columns[6].visible"/>--> | |||||
| <el-table-column label="用户微信标识" align="center" prop="openid" /> | |||||
| <!-- <el-table-column label="token" align="center" prop="accessToken" v-if="columns[8].visible"/>--> | |||||
| <!-- <el-table-column label="过期时间" align="center" prop="expiresIn" v-if="columns[9].visible"/>--> | |||||
| <!-- <el-table-column label="刷新token" align="center" prop="refreshToken" v-if="columns[10].visible"/>--> | |||||
| <!-- <el-table-column label="过期时间" align="center" prop="expireTime" width="180" v-if="columns[11].visible">--> | |||||
| <!-- <template slot-scope="scope">--> | |||||
| <!-- <span>{{ parseTime(scope.row.expireTime, '')}}</span>--> | |||||
| <!-- </template>--> | |||||
| <!-- </el-table-column>--> | |||||
| <!-- <el-table-column label="是否合伙人" align="center" prop="userHh" />--> | |||||
| <!-- <el-table-column label="是否伴宠师" align="center" prop="userBcs" />--> | |||||
| <el-table-column label="是否合伙人" align="center" prop="userHh" > | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_yes_no" :value="scope.row.userHh"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="合伙人角色" align="center" prop="userHhRole"> | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_hh_role" :value="scope.row.userHhRole"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <!-- <el-table-column label="是否伴宠师" align="center" prop="userBcs" >--> | |||||
| <!-- <template slot-scope="scope">--> | |||||
| <!-- <dict-tag :options="dict.type.applet_yes_no" :value="scope.row.userBcs"/>--> | |||||
| <!-- </template>--> | |||||
| <!-- </el-table-column>--> | |||||
| <!-- <el-table-column label="伴宠师角色" align="center" prop="userBcsRole">--> | |||||
| <!-- <template slot-scope="scope">--> | |||||
| <!-- <dict-tag :options="dict.type.applet_bcs_role" :value="scope.row.userBcsRole"/>--> | |||||
| <!-- </template>--> | |||||
| <!-- </el-table-column>--> | |||||
| <el-table-column label="钱包金额" align="center" prop="price"/> | |||||
| <el-table-column label="保证金" align="center" prop="baoPrice" /> | |||||
| <el-table-column label="邀请码" align="center" prop="invitationCode" /> | |||||
| <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> | |||||
| <template slot-scope="scope"> | |||||
| <!-- <el-button--> | |||||
| <!-- size="mini"--> | |||||
| <!-- type="text"--> | |||||
| <!-- icon="el-icon-edit"--> | |||||
| <!-- @click="handleUpdate(scope.row)"--> | |||||
| <!-- v-hasPermi="['model:AppUsers:edit']"--> | |||||
| <!-- >修改</el-button>--> | |||||
| <!-- <el-button--> | |||||
| <!-- size="mini"--> | |||||
| <!-- type="text"--> | |||||
| <!-- icon="el-icon-delete"--> | |||||
| <!-- @click="handleDelete(scope.row)"--> | |||||
| <!-- v-hasPermi="['model:AppUsers:remove']"--> | |||||
| <!-- >删除</el-button>--> | |||||
| </template> | |||||
| </el-table-column> | |||||
| </el-table> | |||||
| <pagination | |||||
| v-show="total>0" | |||||
| :total="total" | |||||
| :page.sync="queryParams.pageNum" | |||||
| :limit.sync="queryParams.pageSize" | |||||
| @pagination="getList" | |||||
| /> | |||||
| <!-- 添加或修改用户对话框 --> | |||||
| <el-dialog :title="title" :visible.sync="open" width="50%" append-to-body> | |||||
| <el-form ref="form" :model="form" :rules="rules" label-width="108px" > | |||||
| <!-- <el-form-item label="逻辑删除" prop="delFlag">--> | |||||
| <!-- <el-input v-model="form.delFlag" placeholder="请输入逻辑删除" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="备注" prop="remark">--> | |||||
| <!-- <el-input v-model="form.remark" placeholder="请输入备注" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="修改人" prop="updatorBy">--> | |||||
| <!-- <el-input v-model="form.updatorBy" placeholder="请输入修改人" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="用户头像"> | |||||
| <!-- <imageUpload v-model="form.userImage"/>--> | |||||
| <oss-image-upload v-model="form.userImage" :limit="1"></oss-image-upload> | |||||
| </el-form-item> | |||||
| <el-form-item label="用户昵称" prop="userName"> | |||||
| <el-input v-model="form.userName" placeholder="请输入用户昵称" /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="用户状态" prop="userState">--> | |||||
| <!-- <el-input v-model="form.userState" placeholder="请输入用户状态" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="用户电话" prop="userTelephone"> | |||||
| <el-input v-model="form.userTelephone" placeholder="请输入用户电话" /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段" prop="unionid">--> | |||||
| <!-- <el-input v-model="form.unionid" placeholder="请输入只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="用户微信标识" prop="openid"> | |||||
| <el-input v-model="form.openid" placeholder="请输入用户的标识,对当前公众号唯一" /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="token" prop="accessToken">--> | |||||
| <!-- <el-input v-model="form.accessToken" type="textarea" placeholder="请输入内容" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="过期时间" prop="expiresIn">--> | |||||
| <!-- <el-input v-model="form.expiresIn" placeholder="请输入过期时间" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="刷新token" prop="refreshToken">--> | |||||
| <!-- <el-input v-model="form.refreshToken" type="textarea" placeholder="请输入内容" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="过期时间" prop="expireTime">--> | |||||
| <!-- <el-date-picker clearable size="small"--> | |||||
| <!-- v-model="form.expireTime"--> | |||||
| <!-- type="datetime"--> | |||||
| <!-- value-format="yyyy-MM-dd HH:mm:ss"--> | |||||
| <!-- placeholder="选择过期时间">--> | |||||
| <!-- </el-date-picker>--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="是否合伙人" prop="userHh"> | |||||
| <el-select v-model="form.userHh" placeholder="请选择是否合伙人"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_yes_no" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="合伙人角色" prop="userHhRole"> | |||||
| <el-select v-model="form.userHhRole" placeholder="请选择合伙人角色"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_hh_role" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="是否伴宠师" prop="userBcs"> | |||||
| <el-select v-model="form.userBcs" placeholder="请选择是否伴宠师"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_yes_no" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="伴宠师角色" prop="userBcsRole"> | |||||
| <el-select v-model="form.userBcsRole" placeholder="请选择伴宠师角色"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_bcs_role" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="钱包金额" prop="price"> | |||||
| <el-input v-model="form.price" placeholder="请输入钱包金额" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="保证金" prop="baoPrice"> | |||||
| <el-input v-model="form.baoPrice" placeholder="请输入保证金" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="邀请码" prop="invitationCode"> | |||||
| <el-input v-model="form.invitationCode" placeholder="请输入邀请码" /> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| <div slot="footer" class="dialog-footer"> | |||||
| <el-button type="primary" @click="submitForm">确 定</el-button> | |||||
| <el-button @click="cancel">取 消</el-button> | |||||
| </div> | |||||
| </el-dialog> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { listAppUsers, getAppUsers, delAppUsers, addAppUsers, updateAppUsers, exportAppUsers } from "@/api/model/AppUsers"; | |||||
| export default { | |||||
| name: "AppUsers", | |||||
| dicts: ['applet_yes_no', 'applet_yes_no', 'applet_bcs_role','applet_hh_role'], | |||||
| data() { | |||||
| return { | |||||
| // 遮罩层 | |||||
| loading: true, | |||||
| // 导出遮罩层 | |||||
| exportLoading: false, | |||||
| // 选中数组 | |||||
| ids: [], | |||||
| // 非单个禁用 | |||||
| single: true, | |||||
| // 非多个禁用 | |||||
| multiple: true, | |||||
| // 显示搜索条件 | |||||
| showSearch: true, | |||||
| // 总条数 | |||||
| total: 0, | |||||
| // 用户表格数据 | |||||
| AppUsersList: [], | |||||
| // 弹出层标题 | |||||
| title: "", | |||||
| // 是否显示弹出层 | |||||
| open: false, | |||||
| // 查询参数 | |||||
| queryParams: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| updatorBy: null, | |||||
| userImage: null, | |||||
| userName: null, | |||||
| userState: null, | |||||
| userTelephone: null, | |||||
| unionid: null, | |||||
| openid: null, | |||||
| accessToken: null, | |||||
| expiresIn: null, | |||||
| refreshToken: null, | |||||
| expireTime: null, | |||||
| userHh: 1, | |||||
| userBcs: null, | |||||
| userBcsRole: null, | |||||
| price: null, | |||||
| baoPrice: null, | |||||
| invitationCode: null, | |||||
| userHhRole:null, | |||||
| }, | |||||
| // 表单参数 | |||||
| form: {}, | |||||
| // 表单校验 | |||||
| rules: { | |||||
| userName: [ | |||||
| { required: true, message: "用户昵称不能为空", trigger: "blur" } | |||||
| ], | |||||
| }, | |||||
| columns: [ | |||||
| { key: 2, label: "创建时间", visible: true }, | |||||
| { key: 4, label: "备注", visible: true }, | |||||
| { key: 6, label: "修改人", visible: false }, | |||||
| { key: 7, label: "用户头像", visible: false }, | |||||
| { key: 8, label: "用户名称", visible: true }, | |||||
| { key: 9, label: "用户状态, 0==为注册, 1==已注册为认证", visible: true }, | |||||
| { key: 10, label: "用户电话", visible: false }, | |||||
| { key: 11, label: "只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段", visible: false }, | |||||
| { key: 12, label: "用户的标识,对当前公众号唯一", visible: false }, | |||||
| { key: 13, label: "token", visible: false }, | |||||
| { key: 14, label: "过期时间", visible: false }, | |||||
| { key: 15, label: "刷新token", visible: false }, | |||||
| { key: 16, label: "过期时间", visible: false }, | |||||
| { key: 17, label: "是否合伙人", visible: false }, | |||||
| { key: 18, label: "是否伴宠师", visible: false }, | |||||
| { key: 19, label: "伴宠师角色", visible: false }, | |||||
| { key: 20, label: "钱包金额", visible: false }, | |||||
| { key: 21, label: "保证金", visible: false }, | |||||
| { key: 22, label: "邀请码", visible: false }, | |||||
| ], | |||||
| }; | |||||
| }, | |||||
| created() { | |||||
| this.getList(); | |||||
| }, | |||||
| methods: { | |||||
| /** 查询用户列表 */ | |||||
| getList() { | |||||
| this.loading = true; | |||||
| listAppUsers(this.queryParams).then(response => { | |||||
| this.AppUsersList = response.rows; | |||||
| this.total = response.total; | |||||
| this.loading = false; | |||||
| }); | |||||
| }, | |||||
| // 取消按钮 | |||||
| cancel() { | |||||
| this.open = false; | |||||
| this.reset(); | |||||
| }, | |||||
| // 表单重置 | |||||
| reset() { | |||||
| this.form = { | |||||
| userId: null, | |||||
| createBy: null, | |||||
| createTime: null, | |||||
| delFlag: null, | |||||
| remark: null, | |||||
| updateTime: null, | |||||
| updatorBy: null, | |||||
| userImage: null, | |||||
| userName: null, | |||||
| userState: null, | |||||
| userTelephone: null, | |||||
| unionid: null, | |||||
| openid: null, | |||||
| accessToken: null, | |||||
| expiresIn: null, | |||||
| refreshToken: null, | |||||
| expireTime: null, | |||||
| userHh: 1, | |||||
| userBcs: null, | |||||
| userBcsRole: null, | |||||
| price: null, | |||||
| baoPrice: null, | |||||
| invitationCode: null, | |||||
| userHhRole:null, | |||||
| }; | |||||
| this.resetForm("form"); | |||||
| }, | |||||
| /** 搜索按钮操作 */ | |||||
| handleQuery() { | |||||
| this.queryParams.pageNum = 1; | |||||
| this.getList(); | |||||
| }, | |||||
| /** 重置按钮操作 */ | |||||
| resetQuery() { | |||||
| this.resetForm("queryForm"); | |||||
| this.handleQuery(); | |||||
| }, | |||||
| // 多选框选中数据 | |||||
| handleSelectionChange(selection) { | |||||
| this.ids = selection.map(item => item.userId) | |||||
| this.single = selection.length!==1 | |||||
| this.multiple = !selection.length | |||||
| }, | |||||
| /** 新增按钮操作 */ | |||||
| handleAdd() { | |||||
| this.reset(); | |||||
| this.open = true; | |||||
| this.title = "添加用户"; | |||||
| }, | |||||
| /** 修改按钮操作 */ | |||||
| handleUpdate(row) { | |||||
| this.reset(); | |||||
| const userId = row.userId || this.ids | |||||
| getAppUsers(userId).then(response => { | |||||
| this.form = response.data; | |||||
| this.open = true; | |||||
| this.title = "修改用户"; | |||||
| }); | |||||
| }, | |||||
| /** 提交按钮 */ | |||||
| submitForm() { | |||||
| this.$refs["form"].validate(valid => { | |||||
| if (valid) { | |||||
| if (this.form.userId != null) { | |||||
| updateAppUsers(this.form).then(response => { | |||||
| this.$modal.msgSuccess("修改成功"); | |||||
| this.open = false; | |||||
| this.getList(); | |||||
| }); | |||||
| } else { | |||||
| addAppUsers(this.form).then(response => { | |||||
| this.$modal.msgSuccess("新增成功"); | |||||
| this.open = false; | |||||
| this.getList(); | |||||
| }); | |||||
| } | |||||
| } | |||||
| }); | |||||
| }, | |||||
| /** 删除按钮操作 */ | |||||
| handleDelete(row) { | |||||
| const userIds = row.userId || this.ids; | |||||
| this.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项?').then(function() { | |||||
| return delAppUsers(userIds); | |||||
| }).then(() => { | |||||
| this.getList(); | |||||
| this.$modal.msgSuccess("删除成功"); | |||||
| }).catch(() => {}); | |||||
| }, | |||||
| /** 导出按钮操作 */ | |||||
| handleExport() { | |||||
| const queryParams = this.queryParams; | |||||
| this.$modal.confirm('是否确认导出所有用户数据项?').then(() => { | |||||
| this.exportLoading = true; | |||||
| return exportAppUsers(queryParams); | |||||
| }).then(response => { | |||||
| this.download(response.msg); | |||||
| this.exportLoading = false; | |||||
| }).catch(() => {}); | |||||
| } | |||||
| } | |||||
| }; | |||||
| </script> | |||||
| @ -0,0 +1,366 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form"> | |||||
| <el-form-item label="说明" prop="paramValue"> | |||||
| <el-input | |||||
| v-model="queryParams.paramValue" | |||||
| placeholder="请输入说明" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| <el-form-item label="编码" prop="paramCode"> | |||||
| <el-input | |||||
| v-model="queryParams.paramCode" | |||||
| placeholder="请输入参数编码" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="文本" prop="paramValueText">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.paramValueText"--> | |||||
| <!-- placeholder="请输入参数值-普通文本"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="参数值-富文本" prop="paramValueArea">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.paramValueArea"--> | |||||
| <!-- placeholder="请输入参数值-富文本"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item class="flex_one tr"> | |||||
| <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> | |||||
| <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| <el-row :gutter="10" class="mb8"> | |||||
| <el-col :span="1.5"> | |||||
| <!-- <el-button--> | |||||
| <!-- type="primary"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-plus"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- @click="handleAdd"--> | |||||
| <!-- v-hasPermi="['model:AppletConfig:add']"--> | |||||
| <!-- >新增</el-button>--> | |||||
| </el-col> | |||||
| <el-col :span="1.5"> | |||||
| <el-button | |||||
| type="success" | |||||
| plain | |||||
| icon="el-icon-edit" | |||||
| size="mini" | |||||
| :disabled="single" | |||||
| @click="handleUpdate" | |||||
| v-hasPermi="['model:AppletConfig:edit']" | |||||
| >修改</el-button> | |||||
| </el-col> | |||||
| <el-col :span="1.5"> | |||||
| <!-- <el-button--> | |||||
| <!-- type="danger"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-delete"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- :disabled="multiple"--> | |||||
| <!-- @click="handleDelete"--> | |||||
| <!-- v-hasPermi="['model:AppletConfig:remove']"--> | |||||
| <!-- >删除</el-button>--> | |||||
| </el-col> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="warning"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-download"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- :loading="exportLoading"--> | |||||
| <!-- @click="handleExport"--> | |||||
| <!-- v-hasPermi="['model:AppletConfig:export']"--> | |||||
| <!-- >导出</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar> | |||||
| </el-row> | |||||
| <el-table v-loading="loading" :data="AppletConfigList" @selection-change="handleSelectionChange"> | |||||
| <el-table-column type="selection" width="55" align="center" /> | |||||
| <!-- <el-table-column label="唯一标识" align="center" prop="id" />--> | |||||
| <!-- <el-table-column label="创建时间" align="center" prop="createTime" />--> | |||||
| <!-- <el-table-column label="分类" align="center" prop="paramClass"/>--> | |||||
| <el-table-column label="说明" align="center" prop="paramValue" /> | |||||
| <el-table-column label="编码" align="center" prop="paramCode" /> | |||||
| <el-table-column label="数值" align="center" prop="paramValueNum" /> | |||||
| <el-table-column label="比例(计算使用)" align="center" prop="paramValueNo" /> | |||||
| <el-table-column label="百分比" align="center" prop="paramValueText" /> | |||||
| <!-- <el-table-column label="参数值-图片" align="center" prop="paramValueImage" v-if="columns[3].visible"/>--> | |||||
| <!-- <el-table-column label="图片" align="center" prop="paramValueImage">--> | |||||
| <!-- <template slot-scope="{ row }">--> | |||||
| <!-- <el-image v-if="row.paramValueImage" :src="row.paramValueImage" :preview-src-list="[row.paramValueImage]" class="small-img circle-img"/>--> | |||||
| <!-- </template>--> | |||||
| <!-- </el-table-column>--> | |||||
| <!-- <el-table-column label="参数值-富文本" align="center" prop="paramValueArea" v-if="columns[4].visible"/>--> | |||||
| <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> | |||||
| <template slot-scope="scope"> | |||||
| <el-button | |||||
| size="mini" | |||||
| type="text" | |||||
| icon="el-icon-edit" | |||||
| @click="handleUpdate(scope.row)" | |||||
| v-hasPermi="['model:AppletConfig:edit']" | |||||
| >修改</el-button> | |||||
| <el-button | |||||
| size="mini" | |||||
| type="text" | |||||
| icon="el-icon-delete" | |||||
| @click="handleDelete(scope.row)" | |||||
| v-hasPermi="['model:AppletConfig:remove']" | |||||
| >删除</el-button> | |||||
| </template> | |||||
| </el-table-column> | |||||
| </el-table> | |||||
| <pagination | |||||
| v-show="total>0" | |||||
| :total="total" | |||||
| :page.sync="queryParams.pageNum" | |||||
| :limit.sync="queryParams.pageSize" | |||||
| @pagination="getList" | |||||
| /> | |||||
| <!-- 添加或修改配置信息对话框 --> | |||||
| <el-dialog :title="title" :visible.sync="open" width="50%" append-to-body> | |||||
| <el-form ref="form" :model="form" :rules="rules" label-width="108px" > | |||||
| <el-form-item label="分类" prop="paramClass"> | |||||
| <el-input v-model="form.paramClass" placeholder="请输入分类" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="说明" prop="paramValue"> | |||||
| <el-input v-model="form.paramValue" placeholder="请输入说明" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="编码" prop="paramCode"> | |||||
| <el-input v-model="form.paramCode" placeholder="请输入参数编码" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="文本" prop="paramValueText"> | |||||
| <el-input v-model="form.paramValueText" placeholder="请输入参数值-普通文本" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="数值" prop="paramValueNum"> | |||||
| <el-input v-model="form.paramValueNum" placeholder="请输入参数值-数值" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="比例" prop="paramValueNo"> | |||||
| <el-input v-model="form.paramValueNo" placeholder="请输入参数值-百分比" /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="图片">--> | |||||
| <!-- <oss-image-upload v-model="form.paramValueImage" :limit="1"></oss-image-upload>--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="富文本" prop="paramValueArea">--> | |||||
| <!-- <Editor v-model="form.paramValueArea" placeholder="请输入内容" type="url"></Editor>--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="删除标识" prop="delFlag">--> | |||||
| <!-- <el-input v-model="form.delFlag" placeholder="请输入删除标识" />--> | |||||
| <!-- </el-form-item>--> | |||||
| </el-form> | |||||
| <div slot="footer" class="dialog-footer"> | |||||
| <el-button type="primary" @click="submitForm">确 定</el-button> | |||||
| <el-button @click="cancel">取 消</el-button> | |||||
| </div> | |||||
| </el-dialog> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { listAppletConfig, getAppletConfig, delAppletConfig, addAppletConfig, updateAppletConfig, exportAppletConfig } from "@/api/model/AppletConfig"; | |||||
| export default { | |||||
| name: "AppletConfig", | |||||
| data() { | |||||
| return { | |||||
| // 遮罩层 | |||||
| loading: true, | |||||
| // 导出遮罩层 | |||||
| exportLoading: false, | |||||
| // 选中数组 | |||||
| ids: [], | |||||
| // 非单个禁用 | |||||
| single: true, | |||||
| // 非多个禁用 | |||||
| multiple: true, | |||||
| // 显示搜索条件 | |||||
| showSearch: true, | |||||
| // 总条数 | |||||
| total: 0, | |||||
| // 配置信息表格数据 | |||||
| AppletConfigList: [], | |||||
| // 弹出层标题 | |||||
| title: "", | |||||
| // 是否显示弹出层 | |||||
| open: false, | |||||
| // 查询参数 | |||||
| queryParams: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| paramValue: null, | |||||
| paramCode: null, | |||||
| paramValueText: null, | |||||
| paramValueImage: null, | |||||
| paramValueArea: null, | |||||
| paramValueNum: null, | |||||
| paramValueNo: null, | |||||
| paramClass: 'pet_payment_hh' | |||||
| }, | |||||
| // 表单参数 | |||||
| form: {}, | |||||
| // 表单校验 | |||||
| rules: { | |||||
| delFlag: [ | |||||
| { required: true, message: "删除标识不能为空", trigger: "blur" } | |||||
| ], | |||||
| }, | |||||
| columns: [ | |||||
| { key: 1, label: "说明", visible: true }, | |||||
| { key: 2, label: "参数编码", visible: true }, | |||||
| { key: 3, label: "参数值-普通文本", visible: true }, | |||||
| { key: 4, label: "参数值-图片", visible: false }, | |||||
| { key: 5, label: "参数值-富文本", visible: true }, | |||||
| ], | |||||
| }; | |||||
| }, | |||||
| created() { | |||||
| this.getList(); | |||||
| }, | |||||
| methods: { | |||||
| /** 查询配置信息列表 */ | |||||
| getList() { | |||||
| this.loading = true; | |||||
| listAppletConfig(this.queryParams).then(response => { | |||||
| this.AppletConfigList = response.rows; | |||||
| this.total = response.total; | |||||
| this.loading = false; | |||||
| }); | |||||
| }, | |||||
| // 取消按钮 | |||||
| cancel() { | |||||
| this.open = false; | |||||
| this.reset(); | |||||
| }, | |||||
| // 表单重置 | |||||
| reset() { | |||||
| this.form = { | |||||
| id: null, | |||||
| paramValue: null, | |||||
| paramCode: null, | |||||
| paramValueText: null, | |||||
| paramValueImage: null, | |||||
| paramValueArea: null, | |||||
| delFlag: null, | |||||
| createBy: null, | |||||
| createTime: null, | |||||
| updateBy: null, | |||||
| updateTime: null, | |||||
| paramValueNum: null, | |||||
| paramValueNo: null, | |||||
| paramClass: null | |||||
| }; | |||||
| this.resetForm("form"); | |||||
| }, | |||||
| /** 搜索按钮操作 */ | |||||
| handleQuery() { | |||||
| this.queryParams.pageNum = 1; | |||||
| this.getList(); | |||||
| }, | |||||
| /** 重置按钮操作 */ | |||||
| resetQuery() { | |||||
| this.resetForm("queryForm"); | |||||
| this.handleQuery(); | |||||
| }, | |||||
| // 多选框选中数据 | |||||
| handleSelectionChange(selection) { | |||||
| this.ids = selection.map(item => item.id) | |||||
| this.single = selection.length!==1 | |||||
| this.multiple = !selection.length | |||||
| }, | |||||
| /** 新增按钮操作 */ | |||||
| handleAdd() { | |||||
| this.reset(); | |||||
| this.open = true; | |||||
| this.title = "添加配置信息"; | |||||
| }, | |||||
| /** 修改按钮操作 */ | |||||
| handleUpdate(row) { | |||||
| this.reset(); | |||||
| const id = row.id || this.ids | |||||
| getAppletConfig(id).then(response => { | |||||
| this.form = response.data; | |||||
| this.open = true; | |||||
| this.title = "修改配置信息"; | |||||
| }); | |||||
| }, | |||||
| /** 提交按钮 */ | |||||
| submitForm() { | |||||
| this.$refs["form"].validate(valid => { | |||||
| if (valid) { | |||||
| if (this.form.id != null) { | |||||
| updateAppletConfig(this.form).then(response => { | |||||
| this.$modal.msgSuccess("修改成功"); | |||||
| this.open = false; | |||||
| this.getList(); | |||||
| }); | |||||
| } else { | |||||
| addAppletConfig(this.form).then(response => { | |||||
| this.$modal.msgSuccess("新增成功"); | |||||
| this.open = false; | |||||
| this.getList(); | |||||
| }); | |||||
| } | |||||
| } | |||||
| }); | |||||
| }, | |||||
| /** 删除按钮操作 */ | |||||
| handleDelete(row) { | |||||
| const ids = row.id || this.ids; | |||||
| this.$modal.confirm('是否确认删除配置信息编号为"' + ids + '"的数据项?').then(function() { | |||||
| return delAppletConfig(ids); | |||||
| }).then(() => { | |||||
| this.getList(); | |||||
| this.$modal.msgSuccess("删除成功"); | |||||
| }).catch(() => {}); | |||||
| }, | |||||
| /** 导出按钮操作 */ | |||||
| handleExport() { | |||||
| const queryParams = this.queryParams; | |||||
| this.$modal.confirm('是否确认导出所有配置信息数据项?').then(() => { | |||||
| this.exportLoading = true; | |||||
| return exportAppletConfig(queryParams); | |||||
| }).then(response => { | |||||
| this.download(response.msg); | |||||
| this.exportLoading = false; | |||||
| }).catch(() => {}); | |||||
| } | |||||
| } | |||||
| }; | |||||
| </script> | |||||
| @ -0,0 +1,603 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form"> | |||||
| <el-form-item label="昵称" prop="nickName"> | |||||
| <el-input | |||||
| v-model="queryParams.nickName" | |||||
| placeholder="请输入昵称" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| <el-form-item label="性别" prop="sex"> | |||||
| <el-select v-model="queryParams.sex" placeholder="请选择性别" clearable size="small"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_pet_sex" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="dict.value" | |||||
| /> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="出生年月" prop="birthday"> | |||||
| <el-date-picker | |||||
| clearable | |||||
| size="small" | |||||
| v-model="queryParams.birthday" | |||||
| type="datetime" | |||||
| value-format="yyyy-MM-dd HH:mm:ss" | |||||
| placeholder="选择出生年月"> | |||||
| </el-date-picker> | |||||
| </el-form-item> | |||||
| <el-form-item label="体重" prop="weight"> | |||||
| <el-select v-model="queryParams.weight" placeholder="请选择体重" clearable size="small"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_pet_weight" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="dict.value" | |||||
| /> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <template v-if="showMoreCondition"> | |||||
| <el-form-item label="疫苗" prop="vaccine"> | |||||
| <el-select v-model="queryParams.vaccine" placeholder="请选择疫苗" clearable size="small"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_pet_my" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="dict.value" | |||||
| /> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="驱虫" prop="deworm"> | |||||
| <el-select v-model="queryParams.deworm" placeholder="请选择驱虫" clearable size="small"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_pet_qc" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="dict.value" | |||||
| /> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="绝育" prop="neutered"> | |||||
| <el-select v-model="queryParams.neutered" placeholder="请选择绝育" clearable size="small"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_pet_jy" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="dict.value" | |||||
| /> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="类别" prop="petType"> | |||||
| <el-select v-model="queryParams.petType" placeholder="请选择类别" clearable size="small"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_money_type" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="dict.value" | |||||
| /> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="证件" prop="petCard"> | |||||
| <el-select v-model="queryParams.petCard" placeholder="请选择证件" clearable size="small"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_pet_bl" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="dict.value" | |||||
| /> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="其他健康说明" prop="healthOther"> | |||||
| <el-input | |||||
| v-model="queryParams.healthOther" | |||||
| placeholder="请输入其他健康说明" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| <el-form-item label="订单标识" prop="orderId"> | |||||
| <el-input | |||||
| v-model="queryParams.orderId" | |||||
| placeholder="请输入订单标识" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| </template> | |||||
| <el-form-item class="flex_one tr"> | |||||
| <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> | |||||
| <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| <el-row :gutter="10" class="mb8"> | |||||
| <el-col :span="1.5"> | |||||
| <el-button | |||||
| type="primary" | |||||
| plain | |||||
| icon="el-icon-plus" | |||||
| size="mini" | |||||
| @click="handleAdd" | |||||
| v-hasPermi="['model:AppletPet:add']" | |||||
| >新增</el-button> | |||||
| </el-col> | |||||
| <el-col :span="1.5"> | |||||
| <el-button | |||||
| type="success" | |||||
| plain | |||||
| icon="el-icon-edit" | |||||
| size="mini" | |||||
| :disabled="single" | |||||
| @click="handleUpdate" | |||||
| v-hasPermi="['model:AppletPet:edit']" | |||||
| >修改</el-button> | |||||
| </el-col> | |||||
| <el-col :span="1.5"> | |||||
| <el-button | |||||
| type="danger" | |||||
| plain | |||||
| icon="el-icon-delete" | |||||
| size="mini" | |||||
| :disabled="multiple" | |||||
| @click="handleDelete" | |||||
| v-hasPermi="['model:AppletPet:remove']" | |||||
| >删除</el-button> | |||||
| </el-col> | |||||
| <el-col :span="1.5"> | |||||
| <el-button | |||||
| type="warning" | |||||
| plain | |||||
| icon="el-icon-download" | |||||
| size="mini" | |||||
| :loading="exportLoading" | |||||
| @click="handleExport" | |||||
| v-hasPermi="['model:AppletPet:export']" | |||||
| >导出</el-button> | |||||
| </el-col> | |||||
| <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar> | |||||
| </el-row> | |||||
| <el-table v-loading="loading" :data="AppletPetList" @selection-change="handleSelectionChange"> | |||||
| <el-table-column type="selection" width="55" align="center" /> | |||||
| <el-table-column label="唯一标识" align="center" prop="id" /> | |||||
| <!-- <el-table-column label="宠物头像" align="center" prop="headImage" v-if="columns[0].visible"/>--> | |||||
| <el-table-column label="用户头像" align="center" prop="headImage"> | |||||
| <template slot-scope="{ row }"> | |||||
| <el-image v-if="row.headImage" :src="row.headImage" :preview-src-list="[row.headImage]" class="small-img circle-img"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="昵称" align="center" prop="nickName" /> | |||||
| <el-table-column label="性别" align="center" prop="sex" > | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_pet_sex" :value="scope.row.sex"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="品种" align="center" prop="type" /> | |||||
| <el-table-column label="出生年月" align="center" prop="birthday" width="180" > | |||||
| <template slot-scope="scope"> | |||||
| <span>{{ parseTime(scope.row.birthday, '')}}</span> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="体重" align="center" prop="weight" > | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_pet_weight" :value="scope.row.weight"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="性格" align="center" prop="personality" /> | |||||
| <el-table-column label="疫苗" align="center" prop="vaccine"> | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_pet_my" :value="scope.row.vaccine"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="驱虫" align="center" prop="deworm" > | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_pet_qc" :value="scope.row.deworm"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="绝育" align="center" prop="neutered"> | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_pet_jy" :value="scope.row.neutered"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="类别" align="center" prop="petType" > | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_money_type" :value="scope.row.petType"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <!-- <el-table-column label="健康状况" align="center" prop="health" v-if="columns[11].visible">--> | |||||
| <!-- <template slot-scope="scope">--> | |||||
| <!-- <dict-tag :options="dict.type.applet_pet_jk" :value="scope.row.health"/>--> | |||||
| <!-- </template>--> | |||||
| <!-- </el-table-column>--> | |||||
| <el-table-column label="健康状况" align="center" prop="health" /> | |||||
| <el-table-column label="证件" align="center" prop="petCard" > | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_pet_bl" :value="scope.row.petCard"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="其他健康说明" align="center" prop="healthOther" /> | |||||
| <el-table-column label="删除标识" align="center" prop="delFlag" > | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_yes_no" :value="scope.row.delFlag"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="创建时间" align="center" prop="createTime" width="180" > | |||||
| <template slot-scope="scope"> | |||||
| <span>{{ parseTime(scope.row.createTime, '')}}</span> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="订单标识" align="center" prop="orderId" /> | |||||
| <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> | |||||
| <template slot-scope="scope"> | |||||
| <el-button | |||||
| size="mini" | |||||
| type="text" | |||||
| icon="el-icon-edit" | |||||
| @click="handleUpdate(scope.row)" | |||||
| v-hasPermi="['model:AppletPet:edit']" | |||||
| >修改</el-button> | |||||
| <el-button | |||||
| size="mini" | |||||
| type="text" | |||||
| icon="el-icon-delete" | |||||
| @click="handleDelete(scope.row)" | |||||
| v-hasPermi="['model:AppletPet:remove']" | |||||
| >删除</el-button> | |||||
| </template> | |||||
| </el-table-column> | |||||
| </el-table> | |||||
| <pagination | |||||
| v-show="total>0" | |||||
| :total="total" | |||||
| :page.sync="queryParams.pageNum" | |||||
| :limit.sync="queryParams.pageSize" | |||||
| @pagination="getList" | |||||
| /> | |||||
| <!-- 添加或修改宠物信息表对话框 --> | |||||
| <el-dialog :title="title" :visible.sync="open" width="50%" append-to-body> | |||||
| <el-form ref="form" :model="form" :rules="rules" label-width="108px" inline class="dialog-form-two"> | |||||
| <el-form-item label="宠物头像"> | |||||
| <!-- <imageUpload v-model="form.headImage"/>--> | |||||
| <oss-image-upload v-model="form.headImage" :limit="1"></oss-image-upload> | |||||
| </el-form-item> | |||||
| <el-form-item label="昵称" prop="nickName"> | |||||
| <el-input v-model="form.nickName" placeholder="请输入昵称" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="性别" prop="sex"> | |||||
| <el-select v-model="form.sex" placeholder="请选择性别"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_pet_sex" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="品种" prop="type"> | |||||
| <el-input v-model="form.type" type="textarea" placeholder="请输入内容" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="出生年月" prop="birthday"> | |||||
| <el-date-picker clearable size="small" | |||||
| v-model="form.birthday" | |||||
| type="datetime" | |||||
| value-format="yyyy-MM-dd HH:mm:ss" | |||||
| placeholder="选择出生年月"> | |||||
| </el-date-picker> | |||||
| </el-form-item> | |||||
| <el-form-item label="体重" prop="weight"> | |||||
| <el-select v-model="form.weight" placeholder="请选择体重"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_pet_weight" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="性格" prop="personality"> | |||||
| <el-input v-model="form.personality" type="textarea" placeholder="请输入内容" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="疫苗" prop="vaccine"> | |||||
| <el-select v-model="form.vaccine" placeholder="请选择疫苗"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_pet_my" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="驱虫" prop="deworm"> | |||||
| <el-select v-model="form.deworm" placeholder="请选择驱虫"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_pet_qc" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="绝育" prop="neutered"> | |||||
| <el-select v-model="form.neutered" placeholder="请选择绝育"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_pet_jy" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="类别" prop="petType"> | |||||
| <el-select v-model="form.petType" placeholder="请选择类别"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_money_type" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="健康状况">--> | |||||
| <!-- <el-checkbox-group v-model="form.health">--> | |||||
| <!-- <el-checkbox--> | |||||
| <!-- v-for="dict in dict.type.applet_pet_jk"--> | |||||
| <!-- :key="dict.value"--> | |||||
| <!-- :label="dict.value">--> | |||||
| <!-- {{dict.label}}--> | |||||
| <!-- </el-checkbox>--> | |||||
| <!-- </el-checkbox-group>--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="健康状况" prop="healthOther"> | |||||
| <el-input v-model="form.health" placeholder="请输入其他健康说明" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="证件" prop="petCard"> | |||||
| <el-select v-model="form.petCard" placeholder="请选择证件"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_pet_bl" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="其他健康说明" prop="healthOther"> | |||||
| <el-input v-model="form.healthOther" placeholder="请输入其他健康说明" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="删除标识" prop="delFlag"> | |||||
| <el-select v-model="form.delFlag" placeholder="请选择删除标识"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_yes_no" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="用户标识" prop="orderId"> | |||||
| <el-input v-model="form.orderId" placeholder="请输入用户标识" /> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| <div slot="footer" class="dialog-footer"> | |||||
| <el-button type="primary" @click="submitForm">确 定</el-button> | |||||
| <el-button @click="cancel">取 消</el-button> | |||||
| </div> | |||||
| </el-dialog> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { listAppletPet, getAppletPet, delAppletPet, addAppletPet, updateAppletPet, exportAppletPet } from "@/api/model/AppletPet"; | |||||
| export default { | |||||
| name: "AppletPet", | |||||
| dicts: ['applet_pet_sex', 'applet_pet_weight', 'applet_pet_my', 'applet_pet_qc', 'applet_pet_jy', 'applet_money_type', 'applet_pet_bl', 'applet_yes_no'], | |||||
| data() { | |||||
| return { | |||||
| // 遮罩层 | |||||
| loading: true, | |||||
| // 导出遮罩层 | |||||
| exportLoading: false, | |||||
| // 选中数组 | |||||
| ids: [], | |||||
| // 非单个禁用 | |||||
| single: true, | |||||
| // 非多个禁用 | |||||
| multiple: true, | |||||
| // 显示搜索条件 | |||||
| showSearch: true, | |||||
| // 总条数 | |||||
| total: 0, | |||||
| // 宠物信息表格数据 | |||||
| AppletPetList: [], | |||||
| // 弹出层标题 | |||||
| title: "", | |||||
| // 是否显示弹出层 | |||||
| open: false, | |||||
| // 查询参数 | |||||
| queryParams: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| headImage: null, | |||||
| nickName: null, | |||||
| sex: null, | |||||
| type: null, | |||||
| birthday: null, | |||||
| weight: null, | |||||
| personality: null, | |||||
| vaccine: null, | |||||
| deworm: null, | |||||
| neutered: null, | |||||
| petType: null, | |||||
| health: null, | |||||
| petCard: null, | |||||
| healthOther: null, | |||||
| orderId: null | |||||
| }, | |||||
| // 表单参数 | |||||
| form: {}, | |||||
| // 表单校验 | |||||
| rules: { | |||||
| nickName: [ | |||||
| { required: true, message: "昵称不能为空", trigger: "blur" } | |||||
| ], | |||||
| sex: [ | |||||
| { required: true, message: "性别不能为空", trigger: "change" } | |||||
| ], | |||||
| type: [ | |||||
| { required: true, message: "品种不能为空", trigger: "change" } | |||||
| ], | |||||
| delFlag: [ | |||||
| { required: true, message: "删除标识不能为空", trigger: "blur" } | |||||
| ], | |||||
| }, | |||||
| columns: [ | |||||
| { key: 1, label: "宠物头像", visible: false }, | |||||
| { key: 2, label: "昵称", visible: true }, | |||||
| { key: 3, label: "性别", visible: true }, | |||||
| { key: 4, label: "品种", visible: true }, | |||||
| { key: 5, label: "出生年月", visible: true }, | |||||
| { key: 6, label: "体重(kg)", visible: true }, | |||||
| { key: 7, label: "性格", visible: true }, | |||||
| { key: 8, label: "疫苗(是否已接种)", visible: true }, | |||||
| { key: 9, label: "驱虫(是否已处理)", visible: true }, | |||||
| { key: 10, label: "绝育(是否已绝育)", visible: false }, | |||||
| { key: 11, label: "类别", visible: false }, | |||||
| { key: 12, label: "健康状况", visible: false }, | |||||
| { key: 13, label: "证件", visible: false }, | |||||
| { key: 14, label: "其他健康说明", visible: false }, | |||||
| { key: 15, label: "删除标识", visible: false }, | |||||
| { key: 17, label: "创建时间", visible: false }, | |||||
| { key: 20, label: "用户标识", visible: false }, | |||||
| ], | |||||
| }; | |||||
| }, | |||||
| created() { | |||||
| this.getList(); | |||||
| }, | |||||
| methods: { | |||||
| /** 查询宠物信息列表 */ | |||||
| getList() { | |||||
| this.loading = true; | |||||
| listAppletPet(this.queryParams).then(response => { | |||||
| this.AppletPetList = response.rows; | |||||
| this.total = response.total; | |||||
| this.loading = false; | |||||
| }); | |||||
| }, | |||||
| // 取消按钮 | |||||
| cancel() { | |||||
| this.open = false; | |||||
| this.reset(); | |||||
| }, | |||||
| // 表单重置 | |||||
| reset() { | |||||
| this.form = { | |||||
| id: null, | |||||
| headImage: null, | |||||
| nickName: null, | |||||
| sex: null, | |||||
| type: null, | |||||
| birthday: null, | |||||
| weight: null, | |||||
| personality: null, | |||||
| vaccine: null, | |||||
| deworm: null, | |||||
| neutered: null, | |||||
| petType: null, | |||||
| health: [], | |||||
| petCard: null, | |||||
| healthOther: null, | |||||
| delFlag: null, | |||||
| createBy: null, | |||||
| createTime: null, | |||||
| updateBy: null, | |||||
| updateTime: null, | |||||
| orderId: null | |||||
| }; | |||||
| this.resetForm("form"); | |||||
| }, | |||||
| /** 搜索按钮操作 */ | |||||
| handleQuery() { | |||||
| this.queryParams.pageNum = 1; | |||||
| this.getList(); | |||||
| }, | |||||
| /** 重置按钮操作 */ | |||||
| resetQuery() { | |||||
| this.resetForm("queryForm"); | |||||
| this.handleQuery(); | |||||
| }, | |||||
| // 多选框选中数据 | |||||
| handleSelectionChange(selection) { | |||||
| this.ids = selection.map(item => item.id) | |||||
| this.single = selection.length!==1 | |||||
| this.multiple = !selection.length | |||||
| }, | |||||
| /** 新增按钮操作 */ | |||||
| handleAdd() { | |||||
| this.reset(); | |||||
| this.open = true; | |||||
| this.title = "添加宠物信息"; | |||||
| }, | |||||
| /** 修改按钮操作 */ | |||||
| handleUpdate(row) { | |||||
| this.reset(); | |||||
| const id = row.id || this.ids | |||||
| getAppletPet(id).then(response => { | |||||
| this.form = response.data; | |||||
| this.open = true; | |||||
| this.title = "修改宠物信息"; | |||||
| }); | |||||
| }, | |||||
| /** 提交按钮 */ | |||||
| submitForm() { | |||||
| this.$refs["form"].validate(valid => { | |||||
| if (valid) { | |||||
| if (this.form.id != null) { | |||||
| updateAppletPet(this.form).then(response => { | |||||
| this.$modal.msgSuccess("修改成功"); | |||||
| this.open = false; | |||||
| this.getList(); | |||||
| }); | |||||
| } else { | |||||
| addAppletPet(this.form).then(response => { | |||||
| this.$modal.msgSuccess("新增成功"); | |||||
| this.open = false; | |||||
| this.getList(); | |||||
| }); | |||||
| } | |||||
| } | |||||
| }); | |||||
| }, | |||||
| /** 删除按钮操作 */ | |||||
| handleDelete(row) { | |||||
| const ids = row.id || this.ids; | |||||
| this.$modal.confirm('是否确认删除宠物信息编号为"' + ids + '"的数据项?').then(function() { | |||||
| return delAppletPet(ids); | |||||
| }).then(() => { | |||||
| this.getList(); | |||||
| this.$modal.msgSuccess("删除成功"); | |||||
| }).catch(() => {}); | |||||
| }, | |||||
| /** 导出按钮操作 */ | |||||
| handleExport() { | |||||
| const queryParams = this.queryParams; | |||||
| this.$modal.confirm('是否确认导出所有宠物信息数据项?').then(() => { | |||||
| this.exportLoading = true; | |||||
| return exportAppletPet(queryParams); | |||||
| }).then(response => { | |||||
| this.download(response.msg); | |||||
| this.exportLoading = false; | |||||
| }).catch(() => {}); | |||||
| } | |||||
| } | |||||
| }; | |||||
| </script> | |||||
| @ -0,0 +1,475 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form"> | |||||
| <!-- <el-form-item label="关联用户" prop="userId">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.userId"--> | |||||
| <!-- placeholder="请输入关联用户"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="审核状态" prop="status">--> | |||||
| <!-- <el-select v-model="queryParams.status" placeholder="请选择审核状态" clearable size="small">--> | |||||
| <!-- <el-option--> | |||||
| <!-- v-for="dict in dict.type.applet_state"--> | |||||
| <!-- :key="dict.value"--> | |||||
| <!-- :label="dict.label"--> | |||||
| <!-- :value="dict.value"--> | |||||
| <!-- />--> | |||||
| <!-- </el-select>--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="姓名" prop="name"> | |||||
| <el-input | |||||
| v-model="queryParams.name" | |||||
| placeholder="请输入姓名" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| <el-form-item label="身份证" prop="idCard"> | |||||
| <el-input | |||||
| v-model="queryParams.idCard" | |||||
| placeholder="请输入身份证" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="性别" prop="sex">--> | |||||
| <!-- <el-select v-model="queryParams.sex" placeholder="请选择性别" clearable size="small">--> | |||||
| <!-- </el-select>--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="手机号" prop="phone"> | |||||
| <el-input | |||||
| v-model="queryParams.phone" | |||||
| placeholder="请输入手机号" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="养宠经验" prop="experience">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.experience"--> | |||||
| <!-- placeholder="请输入养宠经验"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="是否有专业执照" prop="isHave">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.isHave"--> | |||||
| <!-- placeholder="请输入是否有专业执照"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="个人宠物类型" prop="petType">--> | |||||
| <!-- <el-select v-model="queryParams.petType" placeholder="请选择个人宠物类型" clearable size="small">--> | |||||
| <!-- </el-select>--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="审核状态" prop="status">--> | |||||
| <!-- <el-select v-model="queryParams.status" placeholder="请选择审核状态" clearable size="small">--> | |||||
| <!-- </el-select>--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item class="flex_one tr"> | |||||
| <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> | |||||
| <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| <!-- <el-row :gutter="10" class="mb8">--> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="primary"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-plus"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- @click="handleAdd"--> | |||||
| <!-- v-hasPermi="['model:AppletUsersTeacher:add']"--> | |||||
| <!-- >新增</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="success"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-edit"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- :disabled="single"--> | |||||
| <!-- @click="handleUpdate"--> | |||||
| <!-- v-hasPermi="['model:AppletUsersTeacher:edit']"--> | |||||
| <!-- >修改</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="danger"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-delete"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- :disabled="multiple"--> | |||||
| <!-- @click="handleDelete"--> | |||||
| <!-- v-hasPermi="['model:AppletUsersTeacher:remove']"--> | |||||
| <!-- >删除</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="warning"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-download"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- :loading="exportLoading"--> | |||||
| <!-- @click="handleExport"--> | |||||
| <!-- v-hasPermi="['model:AppletUsersTeacher:export']"--> | |||||
| <!-- >导出</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>--> | |||||
| <!-- </el-row>--> | |||||
| <el-table v-loading="loading" :data="AppletUsersTeacherList" @selection-change="handleSelectionChange"> | |||||
| <el-table-column type="selection" width="55" align="center" /> | |||||
| <!-- <el-table-column label="标识" align="center" prop="id" />--> | |||||
| <el-table-column label="创建时间" align="center" prop="createTime" /> | |||||
| <el-table-column label="审核状态" align="center" prop="status"> | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_state" :value="scope.row.status"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="关联用户" align="center" prop="userId" /> | |||||
| <el-table-column label="姓名" align="center" prop="name" /> | |||||
| <el-table-column label="身份证" align="center" prop="idCard" /> | |||||
| <!-- <el-table-column label="性别" align="center" prop="sex" />--> | |||||
| <el-table-column label="性别" align="center" prop="sex" > | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_sex" :value="scope.row.sex"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="手机号" align="center" prop="phone" /> | |||||
| <el-table-column label="养宠经验" align="center" prop="experience" /> | |||||
| <el-table-column label="是否有专业执照" align="center" prop="isHave"/> | |||||
| <el-table-column label="个人宠物类型" align="center" prop="petType" /> | |||||
| <!-- <el-table-column label="审核状态" align="center" prop="status" />--> | |||||
| <el-table-column label="审核图片" align="center" prop="审核图片"> | |||||
| <template slot-scope="{ row }"> | |||||
| <el-image v-if="row.images" :src="row.images" :preview-src-list="[row.images]" class="small-img circle-img"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="所在地区" align="center" prop="area" /> | |||||
| <el-table-column label="详细地址" align="center" prop="address" /> | |||||
| <el-table-column label="经度" align="center" prop="longitude" /> | |||||
| <!-- <el-table-column label="创建人" align="center" prop="createBy" />--> | |||||
| <el-table-column label="纬度" align="center" prop="latitude" /> | |||||
| <!-- <el-table-column label="修改人" align="center" prop="updateBy" />--> | |||||
| <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> | |||||
| <template slot-scope="scope"> | |||||
| <el-button | |||||
| size="mini" | |||||
| type="text" | |||||
| icon="el-icon-edit" | |||||
| @click="handleUpdate(scope.row)" | |||||
| v-hasPermi="['model:AppletUsersTeacher:edit']" | |||||
| >查看信息</el-button> | |||||
| <!-- <el-button--> | |||||
| <!-- size="mini"--> | |||||
| <!-- type="text"--> | |||||
| <!-- icon="el-icon-delete"--> | |||||
| <!-- @click="handleDelete(scope.row)"--> | |||||
| <!-- v-hasPermi="['model:AppletUsersTeacher:remove']"--> | |||||
| <!-- >删除</el-button>--> | |||||
| </template> | |||||
| </el-table-column> | |||||
| </el-table> | |||||
| <pagination | |||||
| v-show="total>0" | |||||
| :total="total" | |||||
| :page.sync="queryParams.pageNum" | |||||
| :limit.sync="queryParams.pageSize" | |||||
| @pagination="getList" | |||||
| /> | |||||
| <!-- 添加或修改伴宠师认证表对话框 --> | |||||
| <el-dialog :title="title" :visible.sync="open" width="50%" append-to-body> | |||||
| <el-form ref="form" :model="form" :rules="rules" label-width="108px" > | |||||
| <el-form-item label="审核状态" prop="status"> | |||||
| <el-select v-model="form.status" placeholder="请选择审核状态"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_state" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="关联用户" prop="userId"> | |||||
| <el-input v-model="form.userId" placeholder="请输入关联用户" disabled /> | |||||
| </el-form-item> | |||||
| <el-form-item label="姓名" prop="name"> | |||||
| <el-input v-model="form.name" placeholder="请输入姓名" disabled /> | |||||
| </el-form-item> | |||||
| <el-form-item label="身份证" prop="idCard"> | |||||
| <el-input v-model="form.idCard" placeholder="请输入身份证" disabled/> | |||||
| </el-form-item> | |||||
| <el-form-item label="性别" prop="sex"> | |||||
| <el-select v-model="form.sex" placeholder="请选择性别" disabled> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_sex" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="手机号" prop="phone"> | |||||
| <el-input v-model="form.phone" placeholder="请输入手机号" disabled/> | |||||
| </el-form-item> | |||||
| <el-form-item label="养宠经验" prop="experience"> | |||||
| <el-input v-model="form.experience" placeholder="请输入养宠经验" disabled /> | |||||
| </el-form-item> | |||||
| <el-form-item label="是否有专业执照" prop="isHave"> | |||||
| <el-input v-model="form.isHave" placeholder="请输入是否有专业执照" disabled/> | |||||
| </el-form-item> | |||||
| <el-form-item label="个人宠物类型" prop="petType"> | |||||
| <el-select v-model="form.petType" placeholder="请选择个人宠物类型" disabled> | |||||
| <el-option label="请选择字典生成" value="" /> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="审核图片" > | |||||
| <!-- <imageUpload v-model="form.images"/>--> | |||||
| <oss-image-upload v-model="form.images" :limit="1"></oss-image-upload> | |||||
| </el-form-item> | |||||
| <el-form-item label="所在地区" prop="area"> | |||||
| <el-input v-model="form.area" placeholder="请输入所在地区" disabled/> | |||||
| </el-form-item> | |||||
| <el-form-item label="详细地址" prop="address"> | |||||
| <el-input v-model="form.address" placeholder="请输入详细地址" disabled/> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="经度" prop="longitude">--> | |||||
| <!-- <el-input v-model="form.longitude" placeholder="请输入经度" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="创建人" prop="create by">--> | |||||
| <!-- <el-input v-model="form.createBy" placeholder="请输入创建人" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="纬度" prop="latitude">--> | |||||
| <!-- <el-input v-model="form.latitude" placeholder="请输入纬度" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="修改人" prop="update by">--> | |||||
| <!-- <el-input v-model="form.updateBy" placeholder="请输入修改人" />--> | |||||
| <!-- </el-form-item>--> | |||||
| </el-form> | |||||
| <div slot="footer" class="dialog-footer"> | |||||
| <el-button type="primary" @click="submitForm">确 定</el-button> | |||||
| <el-button @click="cancel">取 消</el-button> | |||||
| </div> | |||||
| </el-dialog> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { listAppletUsersTeacher, getAppletUsersTeacher, delAppletUsersTeacher, addAppletUsersTeacher, updateAppletUsersTeacher, exportAppletUsersTeacher } from "@/api/model/AppletUsersTeacher"; | |||||
| export default { | |||||
| name: "AppletUsersTeacher", | |||||
| dicts: ['applet_sex', 'applet_state'], | |||||
| data() { | |||||
| return { | |||||
| // 遮罩层 | |||||
| loading: true, | |||||
| // 导出遮罩层 | |||||
| exportLoading: false, | |||||
| // 选中数组 | |||||
| ids: [], | |||||
| // 非单个禁用 | |||||
| single: true, | |||||
| // 非多个禁用 | |||||
| multiple: true, | |||||
| // 显示搜索条件 | |||||
| showSearch: true, | |||||
| // 总条数 | |||||
| total: 0, | |||||
| // 伴宠师认证表格数据 | |||||
| AppletUsersTeacherList: [], | |||||
| // 弹出层标题 | |||||
| title: "", | |||||
| // 是否显示弹出层 | |||||
| open: false, | |||||
| // 查询参数 | |||||
| queryParams: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| userId: null, | |||||
| name: null, | |||||
| idCard: null, | |||||
| sex: null, | |||||
| phone: null, | |||||
| experience: null, | |||||
| isHave: null, | |||||
| petType: null, | |||||
| status: 1, | |||||
| images: null, | |||||
| }, | |||||
| // 表单参数 | |||||
| form: {}, | |||||
| // 表单校验 | |||||
| rules: { | |||||
| }, | |||||
| columns: [ | |||||
| { key: 1, label: "关联用户", visible: true }, | |||||
| { key: 2, label: "姓名", visible: true }, | |||||
| { key: 3, label: "身份证", visible: true }, | |||||
| { key: 4, label: "性别", visible: true }, | |||||
| { key: 5, label: "手机号", visible: true }, | |||||
| { key: 6, label: "养宠经验", visible: true }, | |||||
| { key: 7, label: "是否有专业执照", visible: true }, | |||||
| { key: 8, label: "个人宠物类型", visible: true }, | |||||
| { key: 9, label: "审核状态", visible: true }, | |||||
| { key: 10, label: "审核图片", visible: false }, | |||||
| ], | |||||
| }; | |||||
| }, | |||||
| created() { | |||||
| this.getList(); | |||||
| }, | |||||
| methods: { | |||||
| /** 查询伴宠师认证列表 */ | |||||
| getList() { | |||||
| this.loading = true; | |||||
| listAppletUsersTeacher(this.queryParams).then(response => { | |||||
| this.AppletUsersTeacherList = response.rows; | |||||
| this.total = response.total; | |||||
| this.loading = false; | |||||
| }); | |||||
| }, | |||||
| // 取消按钮 | |||||
| cancel() { | |||||
| this.open = false; | |||||
| this.reset(); | |||||
| }, | |||||
| // 表单重置 | |||||
| reset() { | |||||
| this.form = { | |||||
| id: null, | |||||
| userId: null, | |||||
| name: null, | |||||
| idCard: null, | |||||
| sex: null, | |||||
| phone: null, | |||||
| experience: null, | |||||
| isHave: null, | |||||
| petType: null, | |||||
| status: 1, | |||||
| images: null, | |||||
| createTime: null, | |||||
| updateTime: null, | |||||
| }; | |||||
| this.resetForm("form"); | |||||
| }, | |||||
| /** 搜索按钮操作 */ | |||||
| handleQuery() { | |||||
| this.queryParams.pageNum = 1; | |||||
| this.getList(); | |||||
| }, | |||||
| /** 重置按钮操作 */ | |||||
| resetQuery() { | |||||
| this.resetForm("queryForm"); | |||||
| this.handleQuery(); | |||||
| }, | |||||
| // 多选框选中数据 | |||||
| handleSelectionChange(selection) { | |||||
| this.ids = selection.map(item => item.id) | |||||
| this.single = selection.length!==1 | |||||
| this.multiple = !selection.length | |||||
| }, | |||||
| /** 新增按钮操作 */ | |||||
| handleAdd() { | |||||
| this.reset(); | |||||
| this.open = true; | |||||
| this.title = "添加伴宠师认证"; | |||||
| }, | |||||
| /** 修改按钮操作 */ | |||||
| handleUpdate(row) { | |||||
| this.reset(); | |||||
| const id = row.id || this.ids | |||||
| getAppletUsersTeacher(id).then(response => { | |||||
| this.form = response.data; | |||||
| this.open = true; | |||||
| this.title = "修改伴宠师认证"; | |||||
| }); | |||||
| }, | |||||
| /** 提交按钮 */ | |||||
| submitForm() { | |||||
| this.$refs["form"].validate(valid => { | |||||
| if (valid) { | |||||
| if (this.form.id != null) { | |||||
| updateAppletUsersTeacher(this.form).then(response => { | |||||
| this.$modal.msgSuccess("修改成功"); | |||||
| this.open = false; | |||||
| this.getList(); | |||||
| }); | |||||
| } else { | |||||
| addAppletUsersTeacher(this.form).then(response => { | |||||
| this.$modal.msgSuccess("新增成功"); | |||||
| this.open = false; | |||||
| this.getList(); | |||||
| }); | |||||
| } | |||||
| } | |||||
| }); | |||||
| }, | |||||
| /** 删除按钮操作 */ | |||||
| handleDelete(row) { | |||||
| const ids = row.id || this.ids; | |||||
| this.$modal.confirm('是否确认删除伴宠师认证编号为"' + ids + '"的数据项?').then(function() { | |||||
| return delAppletUsersTeacher(ids); | |||||
| }).then(() => { | |||||
| this.getList(); | |||||
| this.$modal.msgSuccess("删除成功"); | |||||
| }).catch(() => {}); | |||||
| }, | |||||
| /** 导出按钮操作 */ | |||||
| handleExport() { | |||||
| const queryParams = this.queryParams; | |||||
| this.$modal.confirm('是否确认导出所有伴宠师认证数据项?').then(() => { | |||||
| this.exportLoading = true; | |||||
| return exportAppletUsersTeacher(queryParams); | |||||
| }).then(response => { | |||||
| this.download(response.msg); | |||||
| this.exportLoading = false; | |||||
| }).catch(() => {}); | |||||
| } | |||||
| } | |||||
| }; | |||||
| </script> | |||||
| @ -0,0 +1,475 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form"> | |||||
| <!-- <el-form-item label="关联用户" prop="userId">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.userId"--> | |||||
| <!-- placeholder="请输入关联用户"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="审核状态" prop="status">--> | |||||
| <!-- <el-select v-model="queryParams.status" placeholder="请选择审核状态" clearable size="small">--> | |||||
| <!-- <el-option--> | |||||
| <!-- v-for="dict in dict.type.applet_state"--> | |||||
| <!-- :key="dict.value"--> | |||||
| <!-- :label="dict.label"--> | |||||
| <!-- :value="dict.value"--> | |||||
| <!-- />--> | |||||
| <!-- </el-select>--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="姓名" prop="name"> | |||||
| <el-input | |||||
| v-model="queryParams.name" | |||||
| placeholder="请输入姓名" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| <el-form-item label="身份证" prop="idCard"> | |||||
| <el-input | |||||
| v-model="queryParams.idCard" | |||||
| placeholder="请输入身份证" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="性别" prop="sex">--> | |||||
| <!-- <el-select v-model="queryParams.sex" placeholder="请选择性别" clearable size="small">--> | |||||
| <!-- </el-select>--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item label="手机号" prop="phone"> | |||||
| <el-input | |||||
| v-model="queryParams.phone" | |||||
| placeholder="请输入手机号" | |||||
| clearable | |||||
| size="small" | |||||
| @keyup.enter.native="handleQuery" | |||||
| /> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="养宠经验" prop="experience">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.experience"--> | |||||
| <!-- placeholder="请输入养宠经验"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="是否有专业执照" prop="isHave">--> | |||||
| <!-- <el-input--> | |||||
| <!-- v-model="queryParams.isHave"--> | |||||
| <!-- placeholder="请输入是否有专业执照"--> | |||||
| <!-- clearable--> | |||||
| <!-- size="small"--> | |||||
| <!-- @keyup.enter.native="handleQuery"--> | |||||
| <!-- />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="个人宠物类型" prop="petType">--> | |||||
| <!-- <el-select v-model="queryParams.petType" placeholder="请选择个人宠物类型" clearable size="small">--> | |||||
| <!-- </el-select>--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="审核状态" prop="status">--> | |||||
| <!-- <el-select v-model="queryParams.status" placeholder="请选择审核状态" clearable size="small">--> | |||||
| <!-- </el-select>--> | |||||
| <!-- </el-form-item>--> | |||||
| <el-form-item class="flex_one tr"> | |||||
| <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> | |||||
| <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| <!-- <el-row :gutter="10" class="mb8">--> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="primary"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-plus"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- @click="handleAdd"--> | |||||
| <!-- v-hasPermi="['model:AppletUsersTeacher:add']"--> | |||||
| <!-- >新增</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="success"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-edit"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- :disabled="single"--> | |||||
| <!-- @click="handleUpdate"--> | |||||
| <!-- v-hasPermi="['model:AppletUsersTeacher:edit']"--> | |||||
| <!-- >修改</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="danger"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-delete"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- :disabled="multiple"--> | |||||
| <!-- @click="handleDelete"--> | |||||
| <!-- v-hasPermi="['model:AppletUsersTeacher:remove']"--> | |||||
| <!-- >删除</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <!-- <el-col :span="1.5">--> | |||||
| <!-- <el-button--> | |||||
| <!-- type="warning"--> | |||||
| <!-- plain--> | |||||
| <!-- icon="el-icon-download"--> | |||||
| <!-- size="mini"--> | |||||
| <!-- :loading="exportLoading"--> | |||||
| <!-- @click="handleExport"--> | |||||
| <!-- v-hasPermi="['model:AppletUsersTeacher:export']"--> | |||||
| <!-- >导出</el-button>--> | |||||
| <!-- </el-col>--> | |||||
| <!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>--> | |||||
| <!-- </el-row>--> | |||||
| <el-table v-loading="loading" :data="AppletUsersTeacherList" @selection-change="handleSelectionChange"> | |||||
| <el-table-column type="selection" width="55" align="center" /> | |||||
| <!-- <el-table-column label="标识" align="center" prop="id" />--> | |||||
| <el-table-column label="创建时间" align="center" prop="createTime" /> | |||||
| <el-table-column label="审核状态" align="center" prop="status"> | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_state" :value="scope.row.status"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="关联用户" align="center" prop="userId" /> | |||||
| <el-table-column label="姓名" align="center" prop="name" /> | |||||
| <el-table-column label="身份证" align="center" prop="idCard" /> | |||||
| <!-- <el-table-column label="性别" align="center" prop="sex" />--> | |||||
| <el-table-column label="性别" align="center" prop="sex" > | |||||
| <template slot-scope="scope"> | |||||
| <dict-tag :options="dict.type.applet_sex" :value="scope.row.sex"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="手机号" align="center" prop="phone" /> | |||||
| <el-table-column label="养宠经验" align="center" prop="experience" /> | |||||
| <el-table-column label="是否有专业执照" align="center" prop="isHave"/> | |||||
| <el-table-column label="个人宠物类型" align="center" prop="petType" /> | |||||
| <!-- <el-table-column label="审核状态" align="center" prop="status" />--> | |||||
| <el-table-column label="审核图片" align="center" prop="审核图片"> | |||||
| <template slot-scope="{ row }"> | |||||
| <el-image v-if="row.images" :src="row.images" :preview-src-list="[row.images]" class="small-img circle-img"/> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="所在地区" align="center" prop="area" /> | |||||
| <el-table-column label="详细地址" align="center" prop="address" /> | |||||
| <el-table-column label="经度" align="center" prop="longitude" /> | |||||
| <!-- <el-table-column label="创建人" align="center" prop="createBy" />--> | |||||
| <el-table-column label="纬度" align="center" prop="latitude" /> | |||||
| <!-- <el-table-column label="修改人" align="center" prop="updateBy" />--> | |||||
| <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> | |||||
| <template slot-scope="scope"> | |||||
| <el-button | |||||
| size="mini" | |||||
| type="text" | |||||
| icon="el-icon-edit" | |||||
| @click="handleUpdate(scope.row)" | |||||
| v-hasPermi="['model:AppletUsersTeacher:edit']" | |||||
| >审核认证</el-button> | |||||
| <!-- <el-button--> | |||||
| <!-- size="mini"--> | |||||
| <!-- type="text"--> | |||||
| <!-- icon="el-icon-delete"--> | |||||
| <!-- @click="handleDelete(scope.row)"--> | |||||
| <!-- v-hasPermi="['model:AppletUsersTeacher:remove']"--> | |||||
| <!-- >删除</el-button>--> | |||||
| </template> | |||||
| </el-table-column> | |||||
| </el-table> | |||||
| <pagination | |||||
| v-show="total>0" | |||||
| :total="total" | |||||
| :page.sync="queryParams.pageNum" | |||||
| :limit.sync="queryParams.pageSize" | |||||
| @pagination="getList" | |||||
| /> | |||||
| <!-- 添加或修改伴宠师认证表对话框 --> | |||||
| <el-dialog :title="title" :visible.sync="open" width="50%" append-to-body> | |||||
| <el-form ref="form" :model="form" :rules="rules" label-width="108px" > | |||||
| <el-form-item label="审核状态" prop="status"> | |||||
| <el-select v-model="form.status" placeholder="请选择审核状态"> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_state" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="关联用户" prop="userId"> | |||||
| <el-input v-model="form.userId" placeholder="请输入关联用户" disabled /> | |||||
| </el-form-item> | |||||
| <el-form-item label="姓名" prop="name"> | |||||
| <el-input v-model="form.name" placeholder="请输入姓名" disabled /> | |||||
| </el-form-item> | |||||
| <el-form-item label="身份证" prop="idCard"> | |||||
| <el-input v-model="form.idCard" placeholder="请输入身份证" disabled/> | |||||
| </el-form-item> | |||||
| <el-form-item label="性别" prop="sex"> | |||||
| <el-select v-model="form.sex" placeholder="请选择性别" disabled> | |||||
| <el-option | |||||
| v-for="dict in dict.type.applet_sex" | |||||
| :key="dict.value" | |||||
| :label="dict.label" | |||||
| :value="parseInt(dict.value)" ></el-option> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="手机号" prop="phone"> | |||||
| <el-input v-model="form.phone" placeholder="请输入手机号" disabled/> | |||||
| </el-form-item> | |||||
| <el-form-item label="养宠经验" prop="experience"> | |||||
| <el-input v-model="form.experience" placeholder="请输入养宠经验" disabled /> | |||||
| </el-form-item> | |||||
| <el-form-item label="是否有专业执照" prop="isHave"> | |||||
| <el-input v-model="form.isHave" placeholder="请输入是否有专业执照" disabled/> | |||||
| </el-form-item> | |||||
| <el-form-item label="个人宠物类型" prop="petType"> | |||||
| <el-select v-model="form.petType" placeholder="请选择个人宠物类型" disabled> | |||||
| <el-option label="请选择字典生成" value="" /> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| <el-form-item label="审核图片" > | |||||
| <!-- <imageUpload v-model="form.images"/>--> | |||||
| <oss-image-upload v-model="form.images" :limit="1"></oss-image-upload> | |||||
| </el-form-item> | |||||
| <el-form-item label="所在地区" prop="area"> | |||||
| <el-input v-model="form.area" placeholder="请输入所在地区" disabled/> | |||||
| </el-form-item> | |||||
| <el-form-item label="详细地址" prop="address"> | |||||
| <el-input v-model="form.address" placeholder="请输入详细地址" disabled/> | |||||
| </el-form-item> | |||||
| <!-- <el-form-item label="经度" prop="longitude">--> | |||||
| <!-- <el-input v-model="form.longitude" placeholder="请输入经度" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="创建人" prop="create by">--> | |||||
| <!-- <el-input v-model="form.createBy" placeholder="请输入创建人" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="纬度" prop="latitude">--> | |||||
| <!-- <el-input v-model="form.latitude" placeholder="请输入纬度" />--> | |||||
| <!-- </el-form-item>--> | |||||
| <!-- <el-form-item label="修改人" prop="update by">--> | |||||
| <!-- <el-input v-model="form.updateBy" placeholder="请输入修改人" />--> | |||||
| <!-- </el-form-item>--> | |||||
| </el-form> | |||||
| <div slot="footer" class="dialog-footer"> | |||||
| <el-button type="primary" @click="submitForm">确 定</el-button> | |||||
| <el-button @click="cancel">取 消</el-button> | |||||
| </div> | |||||
| </el-dialog> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { listAppletUsersTeacher, getAppletUsersTeacher, delAppletUsersTeacher, addAppletUsersTeacher, updateAppletUsersTeacher, exportAppletUsersTeacher } from "@/api/model/AppletUsersTeacher"; | |||||
| export default { | |||||
| name: "AppletUsersTeacher", | |||||
| dicts: ['applet_sex', 'applet_state'], | |||||
| data() { | |||||
| return { | |||||
| // 遮罩层 | |||||
| loading: true, | |||||
| // 导出遮罩层 | |||||
| exportLoading: false, | |||||
| // 选中数组 | |||||
| ids: [], | |||||
| // 非单个禁用 | |||||
| single: true, | |||||
| // 非多个禁用 | |||||
| multiple: true, | |||||
| // 显示搜索条件 | |||||
| showSearch: true, | |||||
| // 总条数 | |||||
| total: 0, | |||||
| // 伴宠师认证表格数据 | |||||
| AppletUsersTeacherList: [], | |||||
| // 弹出层标题 | |||||
| title: "", | |||||
| // 是否显示弹出层 | |||||
| open: false, | |||||
| // 查询参数 | |||||
| queryParams: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| userId: null, | |||||
| name: null, | |||||
| idCard: null, | |||||
| sex: null, | |||||
| phone: null, | |||||
| experience: null, | |||||
| isHave: null, | |||||
| petType: null, | |||||
| status: 0, | |||||
| images: null, | |||||
| }, | |||||
| // 表单参数 | |||||
| form: {}, | |||||
| // 表单校验 | |||||
| rules: { | |||||
| }, | |||||
| columns: [ | |||||
| { key: 1, label: "关联用户", visible: true }, | |||||
| { key: 2, label: "姓名", visible: true }, | |||||
| { key: 3, label: "身份证", visible: true }, | |||||
| { key: 4, label: "性别", visible: true }, | |||||
| { key: 5, label: "手机号", visible: true }, | |||||
| { key: 6, label: "养宠经验", visible: true }, | |||||
| { key: 7, label: "是否有专业执照", visible: true }, | |||||
| { key: 8, label: "个人宠物类型", visible: true }, | |||||
| { key: 9, label: "审核状态", visible: true }, | |||||
| { key: 10, label: "审核图片", visible: false }, | |||||
| ], | |||||
| }; | |||||
| }, | |||||
| created() { | |||||
| this.getList(); | |||||
| }, | |||||
| methods: { | |||||
| /** 查询伴宠师认证列表 */ | |||||
| getList() { | |||||
| this.loading = true; | |||||
| listAppletUsersTeacher(this.queryParams).then(response => { | |||||
| this.AppletUsersTeacherList = response.rows; | |||||
| this.total = response.total; | |||||
| this.loading = false; | |||||
| }); | |||||
| }, | |||||
| // 取消按钮 | |||||
| cancel() { | |||||
| this.open = false; | |||||
| this.reset(); | |||||
| }, | |||||
| // 表单重置 | |||||
| reset() { | |||||
| this.form = { | |||||
| id: null, | |||||
| userId: null, | |||||
| name: null, | |||||
| idCard: null, | |||||
| sex: null, | |||||
| phone: null, | |||||
| experience: null, | |||||
| isHave: null, | |||||
| petType: null, | |||||
| status: 0, | |||||
| images: null, | |||||
| createTime: null, | |||||
| updateTime: null, | |||||
| }; | |||||
| this.resetForm("form"); | |||||
| }, | |||||
| /** 搜索按钮操作 */ | |||||
| handleQuery() { | |||||
| this.queryParams.pageNum = 1; | |||||
| this.getList(); | |||||
| }, | |||||
| /** 重置按钮操作 */ | |||||
| resetQuery() { | |||||
| this.resetForm("queryForm"); | |||||
| this.handleQuery(); | |||||
| }, | |||||
| // 多选框选中数据 | |||||
| handleSelectionChange(selection) { | |||||
| this.ids = selection.map(item => item.id) | |||||
| this.single = selection.length!==1 | |||||
| this.multiple = !selection.length | |||||
| }, | |||||
| /** 新增按钮操作 */ | |||||
| handleAdd() { | |||||
| this.reset(); | |||||
| this.open = true; | |||||
| this.title = "添加伴宠师认证"; | |||||
| }, | |||||
| /** 修改按钮操作 */ | |||||
| handleUpdate(row) { | |||||
| this.reset(); | |||||
| const id = row.id || this.ids | |||||
| getAppletUsersTeacher(id).then(response => { | |||||
| this.form = response.data; | |||||
| this.open = true; | |||||
| this.title = "修改伴宠师认证"; | |||||
| }); | |||||
| }, | |||||
| /** 提交按钮 */ | |||||
| submitForm() { | |||||
| this.$refs["form"].validate(valid => { | |||||
| if (valid) { | |||||
| if (this.form.id != null) { | |||||
| updateAppletUsersTeacher(this.form).then(response => { | |||||
| this.$modal.msgSuccess("修改成功"); | |||||
| this.open = false; | |||||
| this.getList(); | |||||
| }); | |||||
| } else { | |||||
| addAppletUsersTeacher(this.form).then(response => { | |||||
| this.$modal.msgSuccess("新增成功"); | |||||
| this.open = false; | |||||
| this.getList(); | |||||
| }); | |||||
| } | |||||
| } | |||||
| }); | |||||
| }, | |||||
| /** 删除按钮操作 */ | |||||
| handleDelete(row) { | |||||
| const ids = row.id || this.ids; | |||||
| this.$modal.confirm('是否确认删除伴宠师认证编号为"' + ids + '"的数据项?').then(function() { | |||||
| return delAppletUsersTeacher(ids); | |||||
| }).then(() => { | |||||
| this.getList(); | |||||
| this.$modal.msgSuccess("删除成功"); | |||||
| }).catch(() => {}); | |||||
| }, | |||||
| /** 导出按钮操作 */ | |||||
| handleExport() { | |||||
| const queryParams = this.queryParams; | |||||
| this.$modal.confirm('是否确认导出所有伴宠师认证数据项?').then(() => { | |||||
| this.exportLoading = true; | |||||
| return exportAppletUsersTeacher(queryParams); | |||||
| }).then(response => { | |||||
| this.download(response.msg); | |||||
| this.exportLoading = false; | |||||
| }).catch(() => {}); | |||||
| } | |||||
| } | |||||
| }; | |||||
| </script> | |||||
| @ -0,0 +1,196 @@ | |||||
| package com.ruoyi.applet.contoller; | |||||
| import com.cyl.h5.service.H5OrderService; | |||||
| import com.cyl.manager.oms.service.OrderService; | |||||
| import com.ruoyi.applet.pojo.vo.PetDate; | |||||
| import com.ruoyi.applet.service.IMallOrderService; | |||||
| import com.ruoyi.common.core.controller.BaseController; | |||||
| import com.ruoyi.common.core.domain.AjaxResult; | |||||
| import com.ruoyi.common.core.page.TableDataInfo; | |||||
| import com.ruoyi.model.domain.AppletOrder; | |||||
| import com.ruoyi.model.domain.AppletPet; | |||||
| import com.ruoyi.model.service.IAppletOrderService; | |||||
| import com.ruoyi.model.service.IAppletPetService; | |||||
| import io.swagger.annotations.Api; | |||||
| import io.swagger.annotations.ApiOperation; | |||||
| import org.springframework.beans.factory.annotation.Autowired; | |||||
| import org.springframework.web.bind.annotation.*; | |||||
| import java.util.HashMap; | |||||
| import java.util.List; | |||||
| import java.util.Map; | |||||
| @Api(description = "订单模块 - 接单大厅流程") | |||||
| @RestController | |||||
| @RequestMapping("/applet/orderItem") | |||||
| public class ApiAppletOrderItemController extends BaseController { | |||||
| @Autowired | |||||
| private IAppletOrderService appletOrderService; | |||||
| @Autowired | |||||
| private IAppletPetService appletPetService; | |||||
| @Autowired | |||||
| private IMallOrderService mallOrderService; | |||||
| //下单小程序:那边来的订单信息 | |||||
| @Autowired | |||||
| private H5OrderService h5OrderService; | |||||
| @Autowired | |||||
| private OrderService service; | |||||
| //接单大厅流程 | |||||
| @ApiOperation("小程序-接单大厅流程") | |||||
| @GetMapping("/list") | |||||
| public AjaxResult outDateList(AppletOrder appletOrder){ | |||||
| if(appletOrder.getType()==null){ | |||||
| return AjaxResult.error("type状态不能为空"); | |||||
| } | |||||
| if(appletOrder.getUserIdJson() == null){ | |||||
| return AjaxResult.error("userIdJson用户信息标识不能为空"); | |||||
| } | |||||
| startPage(); | |||||
| List<AppletOrder> list = null; | |||||
| if(appletOrder.getType().equals("0")){ | |||||
| list = appletOrderService.selectAppletOrderListLikeUserIdJson(appletOrder); | |||||
| }else{ | |||||
| list = appletOrderService.selectAppletOrderList(appletOrder); | |||||
| } | |||||
| for (AppletOrder order:list){ | |||||
| order.setH5OrderVO(h5OrderService.orderDetail(order.getOrderId())); | |||||
| order.setManagerOrderDetailVO(service.selectById(order.getOrderId())); | |||||
| } | |||||
| TableDataInfo dataTable = getDataTable(list); | |||||
| return AjaxResult.success(dataTable); | |||||
| } | |||||
| //接单大厅 - 根据订单标识查询订单详情的接口 | |||||
| @ApiOperation("接单大厅 - 根据订单标识查询订单详情的接口") | |||||
| @GetMapping("/getByOrderId") | |||||
| public AjaxResult getByOrderId(AppletOrder appletOrder){ | |||||
| if(appletOrder.getId() == null){ | |||||
| return AjaxResult.error("订单标识不能为空"); | |||||
| } | |||||
| AppletOrder appletOrder1 = appletOrderService.selectAppletOrderById(appletOrder.getId()); | |||||
| List<AppletPet> appletPets = appletPetService.selectAppletPetListByOrderId(appletOrder1.getId()); | |||||
| PetDate petDate = new PetDate(); | |||||
| petDate.setDate("12-12"); | |||||
| petDate.setTitle("上门喂养"); | |||||
| petDate.setNum(10); | |||||
| //比例 | |||||
| Map<String,Object> map = new HashMap<>(); | |||||
| map.put("order",appletOrder1); | |||||
| map.put("petList",appletPets); | |||||
| map.put("petDate",petDate); | |||||
| // map.put(""); | |||||
| return AjaxResult.success("接单大厅查看详情",map); | |||||
| } | |||||
| //接单大厅 - 拒绝、无法接单 | |||||
| @ApiOperation("接单大厅 - 拒绝、无法接单") | |||||
| @PostMapping("/endByOrderId") | |||||
| public AjaxResult endByOrderId(@RequestBody AppletOrder appletOrder){ | |||||
| if(appletOrder.getId() == null){ | |||||
| return AjaxResult.error("订单标识不能为空"); | |||||
| } | |||||
| if(appletOrder.getUserId() == null){ | |||||
| return AjaxResult.error("userId用户信息标识不能为空"); | |||||
| } | |||||
| if(appletOrder.getReason() == null){ | |||||
| return AjaxResult.error("无法接单原因不能为空"); | |||||
| } | |||||
| appletOrder.setStatus(2); | |||||
| appletOrderService.updateAppletOrder(appletOrder); | |||||
| return AjaxResult.success("拒单成功",appletOrder); | |||||
| } | |||||
| //接单大厅 - 立即接单 | |||||
| @ApiOperation("接单大厅 - 立即接单") | |||||
| @PostMapping("/startByOrderId") | |||||
| public AjaxResult startByOrderId(@RequestBody AppletOrder appletOrder){ | |||||
| if(appletOrder.getId() == null){ | |||||
| return AjaxResult.error("订单标识不能为空"); | |||||
| } | |||||
| if(appletOrder.getUserId() == null){ | |||||
| return AjaxResult.error("userId用户信息标识不能为空"); | |||||
| } | |||||
| appletOrder.setStatus(1); | |||||
| appletOrderService.updateAppletOrder(appletOrder); | |||||
| return AjaxResult.success("接单成功",appletOrder); | |||||
| } | |||||
| //我的订单流程 | |||||
| @ApiOperation("小程序-我的订单流程") | |||||
| @GetMapping("/myList") | |||||
| public AjaxResult myList(AppletOrder appletOrder){ | |||||
| if(appletOrder.getType()==null){ | |||||
| return AjaxResult.error("type状态不能为空"); | |||||
| } | |||||
| if(appletOrder.getUserId() == null){ | |||||
| return AjaxResult.error("userId用户信息标识不能为空"); | |||||
| } | |||||
| List<AppletOrder> list = appletOrderService.selectAppletOrderList(appletOrder); | |||||
| return AjaxResult.success("我的订单数据列表",list); | |||||
| } | |||||
| //测试派单 | |||||
| @ApiOperation("派单") | |||||
| @GetMapping("/dispatch/{orderId}") | |||||
| public AjaxResult dispatch(@PathVariable("orderId")Long orderId){ | |||||
| mallOrderService.dispatch(orderId); | |||||
| return AjaxResult.success("派单成功"); | |||||
| } | |||||
| } | |||||