From d9cbb5e4cf6f0423b84b739c52d55f98f3af148a Mon Sep 17 00:00:00 2001
From: heimawl <1785969728@qq.com>
Date: 星期二, 13 六月 2023 18:09:24 +0800
Subject: [PATCH] 完成标签管理模块搭建
---
src/views/system/label/index.vue | 1017 +++++++++++++++++++++++++++++++++++++++++------------------
1 files changed, 710 insertions(+), 307 deletions(-)
diff --git a/src/views/system/label/index.vue b/src/views/system/label/index.vue
index bb0cbe4..4204ac5 100644
--- a/src/views/system/label/index.vue
+++ b/src/views/system/label/index.vue
@@ -1,252 +1,406 @@
<template>
- <div class="app-container">
- <el-form
- :model="queryParams"
- ref="queryForm"
- size="small"
- :inline="true"
- v-show="showSearch"
- label-width="68px"
- >
- <el-form-item label=" 鏍囩鍒嗙被ID " prop="tagcategoryid">
+ <div class="Questionnairemanagement">
+ <!-- 宸︿晶鏍� -->
+ <div class="sidecolumn">
+ <div class="sidecolumn-top">
+ <div class="top-wj">鎮ｈ�呮爣绛剧被鍨�</div>
+ <div class="top-tj" @click="dialogFormVisible = true">+娣诲姞</div>
+ </div>
+ <div class="center-ss">
<el-input
- v-model="queryParams.tagcategoryid"
- placeholder="璇疯緭鍏� 鏍囩鍒嗙被ID "
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label=" 鏍囩鍚嶇О " prop="tagname">
- <el-input
- v-model="queryParams.tagname"
- placeholder="璇疯緭鍏� 鏍囩鍚嶇О "
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label=" 鏈烘瀯ID " prop="orgid">
- <el-input
- v-model="queryParams.orgid"
- placeholder="璇疯緭鍏� 鏈烘瀯ID "
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label=" 涓婁紶鏍囪 " prop="isupload">
- <el-input
- v-model="queryParams.isupload"
- placeholder="璇疯緭鍏� 涓婁紶鏍囪 "
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label=" 涓婁紶鏃堕棿 " prop="uploadTime">
- <el-date-picker
- clearable
- v-model="queryParams.uploadTime"
- type="date"
- value-format="yyyy-MM-dd"
- placeholder="璇烽�夋嫨 涓婁紶鏃堕棿 "
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ v-model="sidecolumnval"
+ class="input-with-select"
+ size="medium "
>
- </el-date-picker>
- </el-form-item>
- <el-form-item label=" 鏄惁寮�鍚� " prop="isenable">
- <el-input
- v-model="queryParams.isenable"
- placeholder="璇疯緭鍏� 鏄惁寮�鍚� "
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item>
- <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="['system:tag: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="['system:tag: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="['system:tag:remove']"
- >鍒犻櫎</el-button
- >
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="warning"
- plain
- icon="el-icon-download"
- size="mini"
- @click="handleExport"
- v-hasPermi="['system:tag:export']"
- >瀵煎嚭</el-button
- >
- </el-col>
- <right-toolbar
- :showSearch.sync="showSearch"
- @queryTable="getList"
- ></right-toolbar>
- </el-row>
-
- <el-table
- v-loading="loading"
- :data="tagList"
- @selection-change="handleSelectionChange"
- >
- <el-table-column type="selection" width="55" align="center" />
- <el-table-column label=" 鑷ID " align="center" prop="tagid" />
- <el-table-column
- label=" 鏍囩鍒嗙被ID "
- align="center"
- prop="tagcategoryid"
- />
- <el-table-column label=" 鏍囩鍚嶇О " align="center" prop="tagname" />
- <el-table-column
- label=" 鏍囩鎻忚堪 "
- align="center"
- prop="tagdescription"
- />
- <el-table-column label=" 鏈烘瀯ID " align="center" prop="orgid" />
- <el-table-column label=" 涓婁紶鏍囪 " align="center" prop="isupload" />
- <el-table-column
- label=" 涓婁紶鏃堕棿 "
- align="center"
- prop="uploadTime"
- width="180"
- >
- <template slot-scope="scope">
- <span>{{ parseTime(scope.row.uploadTime, "{y}-{m}-{d}") }}</span>
- </template>
- </el-table-column>
- <el-table-column label=" 鏄惁寮�鍚� " align="center" prop="isenable" />
- <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="['system:tag:edit']"
- >淇敼</el-button
+ @click="sidecolumnss"
+ slot="append"
+ icon="el-icon-search"
+ ></el-button>
+ </el-input>
+ </div>
+ <div class="bottom-fl">
+ <el-tabs tab-position="right">
+ <el-tab-pane :label="`鍏ㄩ儴 (${numberlb})`"></el-tab-pane>
+ <el-tab-pane
+ class="tab-paness"
+ :key="item.name"
+ v-for="(item, index) in editableTabs"
>
- <el-button
- size="mini"
- type="text"
- icon="el-icon-delete"
- @click="handleDelete(scope.row)"
- v-hasPermi="['system:tag:remove']"
- >鍒犻櫎</el-button
- >
- </template>
- </el-table-column>
- </el-table>
+ <span slot="label">
+ {{
+ item.title + " (" + item.number + ")"
+ }}   <el-popover
+ placement="top-start"
+ width="100"
+ trigger="hover"
+ >
+ <div style="text-align: center">
+ <el-button type="text" @click="popoveramend">淇敼</el-button
+ ><el-button type="text" @click="deleteVisible = true"
+ ><span style="color: rgb(173, 55, 55)"
+ >鍒犻櫎</span
+ ></el-button
+ >
+ </div>
+ <i slot="reference" class="el-icon-share"></i> </el-popover
+ ></span>
+ </el-tab-pane>
- <pagination
- v-show="total > 0"
- :total="total"
- :page.sync="queryParams.pageNum"
- :limit.sync="queryParams.pageSize"
- @pagination="getList"
- />
+ <el-tab-pane :label="`鏈垎缁�(${numberlbs})`"></el-tab-pane>
+ </el-tabs>
+ </div>
+ </div>
+ <!-- 鍙充晶鏁版嵁 -->
+ <div class="leftvlue">
+ <div class="leftvlue-top"></div>
+ <div class="leftvlue-bg">
+ <el-row :gutter="20">
+ <!--鐢ㄦ埛鏁版嵁-->
+ <el-col :span="24" :xs="24">
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ v-show="showSearch"
+ label-width="98px"
+ >
+ <el-form-item label="鏍囩鍚嶇О" prop="userName">
+ <el-input
+ v-model="queryParams.userName"
+ placeholder="璇疯緭鍏�"
+ clearable
+ style="width: 200px"
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
- <!-- 娣诲姞鎴栦慨鏀规爣绛惧璇濇 -->
- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
- <el-form ref="form" :model="form" :rules="rules" label-width="80px">
- <el-form-item label=" 鏍囩鍒嗙被ID " prop="tagcategoryid">
- <el-input
- v-model="form.tagcategoryid"
- placeholder="璇疯緭鍏� 鏍囩鍒嗙被ID "
- />
- </el-form-item>
- <el-form-item label=" 鏍囩鍚嶇О " prop="tagname">
- <el-input v-model="form.tagname" placeholder="璇疯緭鍏� 鏍囩鍚嶇О " />
- </el-form-item>
- <el-form-item label=" 鏍囩鎻忚堪 " prop="tagdescription">
- <el-input
- v-model="form.tagdescription"
- type="textarea"
- placeholder="璇疯緭鍏ュ唴瀹�"
- />
- </el-form-item>
- <el-form-item label=" 鏈烘瀯ID " prop="orgid">
- <el-input v-model="form.orgid" placeholder="璇疯緭鍏� 鏈烘瀯ID " />
- </el-form-item>
- <el-form-item label=" 鍒犻櫎鏍囪 " prop="delFlag">
- <el-input v-model="form.delFlag" placeholder="璇疯緭鍏� 鍒犻櫎鏍囪 " />
- </el-form-item>
- <el-form-item label=" 涓婁紶鏍囪 " prop="isupload">
- <el-input v-model="form.isupload" placeholder="璇疯緭鍏� 涓婁紶鏍囪 " />
- </el-form-item>
- <el-form-item label=" 涓婁紶鏃堕棿 " prop="uploadTime">
- <el-date-picker
- clearable
- v-model="form.uploadTime"
- type="date"
- value-format="yyyy-MM-dd"
- placeholder="璇烽�夋嫨 涓婁紶鏃堕棿 "
- >
- </el-date-picker>
- </el-form-item>
- <el-form-item label=" 鏄惁寮�鍚� " prop="isenable">
- <el-input v-model="form.isenable" placeholder="璇疯緭鍏� 鏄惁寮�鍚� " />
+ <el-form-item>
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ size="medium"
+ @click="handleQuery"
+ >鎼滅储</el-button
+ >
+ <el-button
+ icon="el-icon-refresh"
+ size="medium"
+ @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="medium"
+ @click="lstamendtagVisible = true"
+ v-hasPermi="['system:user:add']"
+ >鏂板</el-button
+ >
+ </el-col>
+
+ <el-col :span="1.5">
+ <el-button
+ type="danger"
+ plain
+ icon="el-icon-delete"
+ size="medium"
+ :disabled="multiple"
+ @click="handleDelete"
+ v-hasPermi="['system:user:remove']"
+ >鍒犻櫎</el-button
+ >
+ </el-col>
+
+ <!-- <el-col :span="1.5"> </el-col> -->
+ </el-row>
+ <!-- <right-toolbar
+ :showSearch.sync="showSearch"
+ @queryTable="getList"
+ :columns="columns"
+ ></right-toolbar> -->
+ <el-table
+ v-loading="loading"
+ :data="userList"
+ :border="true"
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column type="selection" width="50" align="center" />
+ <el-table-column
+ label="搴忓彿"
+ align="center"
+ key="userId"
+ prop="userId"
+ />
+ <el-table-column
+ label="鏍囩鍚嶇О"
+ align="center"
+ key="userName"
+ prop="userName"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鏈�杩戠紪杈�"
+ align="center"
+ key="nickName"
+ prop="nickName"
+ :show-overflow-tooltip="true"
+ />
+
+ <el-table-column
+ label="鏍囩鎻忚堪"
+ align="center"
+ key="aphonenumber"
+ prop="aphonenumber"
+ width="120"
+ />
+ <el-table-column
+ label="鐘舵��"
+ align="center"
+ key="aphonenumbers"
+ prop="aphonenumbers"
+ width="120"
+ >
+ <template slot-scope="scope">
+ <el-switch
+ v-model="scope.row.status"
+ active-value="0"
+ inactive-value="1"
+ @change="handleStatusChange(scope.row)"
+ ></el-switch>
+ </template>
+ </el-table-column>
+
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ width="300"
+ class-name="small-padding fixed-width"
+ >
+ <template slot-scope="scope">
+ <el-button
+ size="medium"
+ type="text"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['system:user:edit']"
+ ><span class="button-textxg"
+ ><i class="el-icon-edit"></i>淇敼</span
+ ></el-button
+ >
+ <el-button
+ size="medium"
+ type="text"
+ @click="handleDelete(scope.row)"
+ v-hasPermi="['system:user:remove']"
+ ><span class="button-textsc"
+ ><i class="el-icon-delete"></i>鍒犻櫎</span
+ ></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-col>
+ </el-row>
+
+ <!-- 娣诲姞鎴栦慨鏀归棶鍗烽厤缃璇濇 -->
+ <el-dialog
+ :title="title"
+ :visible.sync="open"
+ width="900px"
+ append-to-body
+ >
+ <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="濮撳悕" prop="nickName">
+ <el-input
+ v-model="form.nickName"
+ placeholder="璇疯緭鍏ュ鍚�"
+ maxlength="30"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鎬у埆" prop="deptId">
+ <el-select v-model="form.sex" placeholder="璇烽�夋嫨鎬у埆">
+ <el-option
+ v-for="dict in dict.type.sys_user_sex"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="璇佷欢绫诲瀷" prop="phonenumber">
+ <el-input
+ v-model="form.phonenumber"
+ placeholder="璇烽�夋嫨璇佷欢绫诲瀷"
+ maxlength="11"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="璇佷欢鍙�" prop="email">
+ <el-input
+ v-model="form.email"
+ placeholder="璇疯緭鍏ヨ瘉浠跺彿"
+ maxlength="50"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鏈汉鎵嬫満鍙�" prop="userName">
+ <el-input
+ v-model="form.userName"
+ placeholder="璇疯緭鍏ユ墜鏈哄彿"
+ maxlength="30"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="浜插睘鎵嬫満鍙�" prop="password">
+ <el-input
+ v-model="form.password"
+ placeholder="璇疯緭鍏ヤ翰灞炴墜鏈哄彿"
+ type="password"
+ maxlength="20"
+ show-password
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鎮ｈ�呮爣绛�">
+ <el-cascader
+ :options="optionss"
+ :props="propss"
+ clearable
+ ></el-cascader>
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="澶囨敞">
+ <el-input
+ v-model="form.remark"
+ type="textarea"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ ></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </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>
+ </div>
+ <!-- 娣诲姞绫诲埆寮规 -->
+ <el-dialog
+ :title="amendtag ? '淇敼绫诲埆' : '鏂板绫诲埆'"
+ width="30%"
+ :visible.sync="dialogFormVisible"
+ >
+ <el-form :model="sidecolumnform">
+ <el-form-item
+ :label="amendtag ? '璇疯緭鍏ユ柊鐨勭被鍒悕绉�' : '璇疯緭鍏ョ被鍒悕绉�'"
+ >
+ <el-input v-model="form.name" autocomplete="off"></el-input>
</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>
+ <el-button @click="dialogFormVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="submitsidecolumn">纭� 瀹�</el-button>
+ </div>
+ </el-dialog>
+ <!-- 鍒犻櫎绫诲埆纭妗� -->
+ <el-dialog title="璀﹀憡" :visible.sync="deleteVisible" width="40%">
+ <div style="font-size: 20px; color: rgb(247, 76, 76)">
+ 鏄惁纭鍒犻櫎鍒嗙被锛歔<span>{{ deletefenl }}</span
+ >]?
+ </div>
+ <div style="font-size: 20px">
+ 姝ゆ搷浣滀細灏嗚绫诲埆涓嬫墍鏈夋ā鍧楄浆绉昏嚦[鏈垎绫籡锛屾槸鍚︾户缁垹闄ゆ鍒嗙被锛�
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="deleteVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="deleteVisible = false"
+ >纭� 瀹�</el-button
+ >
+ </span>
+ </el-dialog>
+ <!-- 淇敼/娣诲姞鏍囩寮规 -->
+ <el-dialog
+ :title="lstamendtag ? '淇敼鏍囩' : '鏂板鏍囩'"
+ width="30%"
+ :visible.sync="lstamendtagVisible"
+ >
+ <el-form ref="form" :model="tagform" label-width="80px">
+ <el-form-item label="鏍囩鍚嶇О">
+ <el-input v-model="tagform.name"></el-input>
+ </el-form-item>
+
+ <el-form-item label="鏄惁鍚敤">
+ <el-switch v-model="tagform.delivery"></el-switch>
+ </el-form-item>
+
+ <el-form-item label="鏍囩鎻忚堪">
+ <el-input type="textarea" v-model="tagform.desc"></el-input>
+ </el-form-item>
+ </el-form>
+ <div slot="footer" class="dialog-footer">
+ <el-button @click="lstamendtagVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="submitsidecolumn">纭� 瀹�</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
-import { listTag, getTag, delTag, addTag, updateTag } from "@/api/system/tag";
-
+import {
+ listUser,
+ getUser,
+ delUser,
+ addUser,
+ updateUser,
+} from "@/api/system/user";
+import { getToken } from "@/utils/auth";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default {
- name: "Tag",
+ name: "questionnaire",
+ dicts: ["sys_normal_disable", "sys_user_sex"],
+ components: { Treeselect },
data() {
return {
+ topactiveName: "Local", //椤堕儴閫夋嫨
// 閬僵灞�
loading: false,
// 閫変腑鏁扮粍
@@ -259,50 +413,186 @@
showSearch: true,
// 鎬绘潯鏁�
total: 0,
- // 鏍囩琛ㄦ牸鏁版嵁
- tagList: [],
+ amendtag: false, //鏄惁淇敼绫诲埆
+ lstamendtag: false, //鏄惁淇敼鏍囩
+ scavisible: false, //鍒犻櫎寮规
+ deleteVisible: false, //鍒嗙被鍒犻櫎寮规
+ deletefenl: "楂樿鍘�", //鍒犻櫎椤�
+ tagform: {
+ delivery: "",
+ name: "",
+ desc: "",
+ },
+ // 鐢ㄦ埛琛ㄦ牸鏁版嵁
+ userList: [
+ {
+ userid: 1,
+ userName: "涓夊彿",
+ nickName: "1.2.4",
+ aphonenumber: "鍏宠妭鐐庣棁",
+ aphonenumbers: "",
+ bphonenumber: "寰堟",
+ cphonenumber: "2022-12-12 ",
+ },
+ ],
// 寮瑰嚭灞傛爣棰�
title: "",
// 鏄惁鏄剧ず寮瑰嚭灞�
open: false,
+ // 鏃ユ湡鑼冨洿
+ dateRange: [],
+ // 宀椾綅閫夐」
+ postOptions: [],
+ // 瑙掕壊閫夐」
+ roleOptions: [],
+ // 琛ㄥ崟鍙傛暟
+ form: {},
+ numberlb: 22,
+ numberlbs: 2,
+ sidecolumnform: {}, //娣诲姞绫诲埆琛ㄥ崟
+ dialogFormVisible: false, //娣诲姞銆佷慨鏀圭被鍒脊妗�
+ lstamendtagVisible: false, //娣诲姞銆佷慨鏀规爣绛惧脊妗�
+ goQRCodeVisible: false, //浜岀淮鐮佸脊妗�
+ sidecolumnval: "", //绫诲埆鎼滅储
+ propss: { multiple: true },
+ optionss: [
+ {
+ value: 1,
+ label: "涓滃崡",
+ },
+ {
+ value: 2,
+ label: "瑗垮寳",
+ },
+ {
+ value: 3,
+ label: "浠ㄤ花浠�",
+ },
+ {
+ value: 4,
+ label: "鍏椋掗",
+ },
+ ],
+ //绫诲埆鍒楄〃
+ editableTabs: [
+ {
+ title: "楂樿鍘�",
+ number: "1",
+ },
+ {
+ title: "绯栧翱鐥�",
+ number: "2",
+ },
+ {
+ title: "楠ㄦ姌",
+ number: "2",
+ },
+ {
+ title: "蹇冭剰鐥�",
+ number: "2",
+ },
+ ],
// 鏌ヨ鍙傛暟
queryParams: {
pageNum: 1,
pageSize: 10,
- tagcategoryid: null,
- tagname: null,
- tagdescription: null,
- orgid: null,
- isupload: null,
- uploadTime: null,
- isenable: null,
+ userName: undefined,
+ phonenumber: undefined,
+ status: undefined,
+ deptId: undefined,
+ IDnumber: undefined,
},
- // 琛ㄥ崟鍙傛暟
- form: {},
+ // 鍒椾俊鎭�
+ columns: [
+ { key: 0, label: `鐢ㄦ埛缂栧彿`, visible: true },
+ { 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 },
+ ],
// 琛ㄥ崟鏍￠獙
rules: {
- delFlag: [
- { required: true, message: " 鍒犻櫎鏍囪 涓嶈兘涓虹┖", trigger: "blur" },
+ userName: [
+ { required: true, message: "鐢ㄦ埛鍚嶇О涓嶈兘涓虹┖", trigger: "blur" },
+ {
+ min: 2,
+ max: 20,
+ message: "鐢ㄦ埛鍚嶇О闀垮害蹇呴』浠嬩簬 2 鍜� 20 涔嬮棿",
+ trigger: "blur",
+ },
],
- isupload: [
- { required: true, message: " 涓婁紶鏍囪 涓嶈兘涓虹┖", trigger: "blur" },
+ nickName: [
+ { required: true, message: "鐢ㄦ埛鏄电О涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ password: [
+ { required: true, message: "鐢ㄦ埛瀵嗙爜涓嶈兘涓虹┖", trigger: "blur" },
+ {
+ min: 5,
+ max: 20,
+ message: "鐢ㄦ埛瀵嗙爜闀垮害蹇呴』浠嬩簬 5 鍜� 20 涔嬮棿",
+ trigger: "blur",
+ },
+ ],
+ email: [
+ {
+ type: "email",
+ message: "璇疯緭鍏ユ纭殑閭鍦板潃",
+ trigger: ["blur", "change"],
+ },
+ ],
+ phonenumber: [
+ {
+ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+ message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜",
+ trigger: "blur",
+ },
+ ],
+ IDnumber: [
+ {
+ pattern:
+ /^\d{6}((((((19|20)\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(((19|20)\d{2})(0[13578]|1[02])31)|((19|20)\d{2})02(0[1-9]|1\d|2[0-8])|((((19|20)([13579][26]|[2468][048]|0[48]))|(2000))0229))\d{3})|((((\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|((\d{2})(0[13578]|1[02])31)|((\d{2})02(0[1-9]|1\d|2[0-8]))|(([13579][26]|[2468][048]|0[048])0229))\d{2}))(\d|X|x)$/,
+ message: "璇疯緭鍏ユ纭殑韬唤璇佸彿鐮�",
+ trigger: "blur",
+ },
],
},
};
},
+ watch: {},
created() {
this.getList();
},
+
methods: {
- /** 鏌ヨ鏍囩鍒楄〃 */
+ /** 鏌ヨ鐢ㄦ埛鍒楄〃 */
getList() {
- // this.loading = true;
- // listTag(this.queryParams).then((response) => {
- // this.tagList = response.rows;
- // this.total = response.total;
- // this.loading = false;
- // });
+ // this.loading = true;
+ listUser().then((response) => {
+ console.log(response);
+ // this.userList = response.data;
+ // this.total = response.total;
+ // this.loading = false;
+ console.log(this.userList);
+ });
+ // const { rows } = await listUser();
+ // console.log(rows);
+ // this.list = rows;
},
+ // 娣诲姞绫诲埆
+ submitsidecolumn() {
+ this.dialogFormVisible = false;
+ },
+ // 淇敼寮规
+ popoveramend() {
+ this.amendtag = true;
+ this.dialogFormVisible = true;
+ },
+ //鎼滅储绫诲埆
+ sidecolumnss() {},
+ // 鍒囨崲鍏变韩/鏈湴
+ tophandleClick() {},
// 鍙栨秷鎸夐挳
cancel() {
this.open = false;
@@ -311,21 +601,35 @@
// 琛ㄥ崟閲嶇疆
reset() {
this.form = {
- tagid: null,
- tagcategoryid: null,
- tagname: null,
- tagdescription: null,
- orgid: null,
- delFlag: null,
- updateBy: null,
- updateTime: null,
- createBy: null,
- createTime: null,
- isupload: null,
- uploadTime: null,
- isenable: null,
+ userId: undefined,
+ deptId: undefined,
+ userName: undefined,
+ nickName: undefined,
+ password: undefined,
+ phonenumber: undefined,
+ email: undefined,
+ sex: undefined,
+ status: "0",
+ remark: undefined,
+ postIds: [],
+ roleIds: [],
};
this.resetForm("form");
+ },
+ // 鐢ㄦ埛鐘舵�佷慨鏀�
+ handleStatusChange(row) {
+ let text = row.status === "0" ? "鍚敤" : "鍋滅敤";
+ this.$modal
+ .confirm('纭瑕�"' + text + '""' + row.userName + '"鏍囩鍚楋紵')
+ .then(function () {
+ // return changeUserStatus(row.userId, row.status);
+ })
+ .then(() => {
+ this.$modal.msgSuccess(text + "鎴愬姛");
+ })
+ .catch(function () {
+ row.status = row.status === "0" ? "1" : "0";
+ });
},
/** 鎼滅储鎸夐挳鎿嶄綔 */
handleQuery() {
@@ -334,58 +638,58 @@
},
/** 閲嶇疆鎸夐挳鎿嶄綔 */
resetQuery() {
+ this.dateRange = [];
this.resetForm("queryForm");
+ this.queryParams.deptId = undefined;
+ this.$refs.tree.setCurrentKey(null);
this.handleQuery();
},
// 澶氶�夋閫変腑鏁版嵁
handleSelectionChange(selection) {
- this.ids = selection.map((item) => item.tagid);
- this.single = selection.length !== 1;
+ 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 tagid = row.tagid || this.ids;
- // getTag(tagid).then((response) => {
- // this.form = response.data;
- // this.open = true;
- // this.title = "淇敼鏍囩";
- // });
+ this.lstamendtagVisible = true;
+ this.lstamendtag = true;
},
- /** 鎻愪氦鎸夐挳 */
- submitForm() {
+ // 鏌ョ湅闂嵎
+ ViewQuestionnaire() {
+ this.$router.push({
+ path: "/knowledge/questionnaire/examine/",
+ query: { id: "1" },
+ });
+ },
+
+ /** 鏇存柊/淇敼鎻愪氦鎸夐挳 */
+ submitForm: function () {
this.$refs["form"].validate((valid) => {
if (valid) {
- if (this.form.tagid != null) {
- // updateTag(this.form).then((response) => {
- // this.$modal.msgSuccess("淇敼鎴愬姛");
- // this.open = false;
- // this.getList();
- // });
+ if (this.form.userId != undefined) {
+ updateUser(this.form).then((response) => {
+ this.$modal.msgSuccess("淇敼鎴愬姛");
+ this.open = false;
+ this.getList();
+ });
} else {
- // addTag(this.form).then((response) => {
- // this.$modal.msgSuccess("鏂板鎴愬姛");
- // this.open = false;
- // this.getList();
- // });
+ addUser(this.form).then((response) => {
+ this.$modal.msgSuccess("鏂板鎴愬姛");
+ this.open = false;
+ this.getList();
+ });
}
}
});
},
/** 鍒犻櫎鎸夐挳鎿嶄綔 */
handleDelete(row) {
- const tagids = row.tagid || this.ids;
+ const userIds = row.userId || this.ids;
this.$modal
- .confirm('鏄惁纭鍒犻櫎鏍囩缂栧彿涓�"' + tagids + '"鐨勬暟鎹」锛�')
+ .confirm('鏄惁纭鍒犻櫎鐢ㄦ埛缂栧彿涓�"' + userIds + '"鐨勬暟鎹」锛�')
.then(function () {
- // return delTag(tagids);
+ return delUser(userIds);
})
.then(() => {
this.getList();
@@ -393,16 +697,115 @@
})
.catch(() => {});
},
- /** 瀵煎嚭鎸夐挳鎿嶄綔 */
- handleExport() {
- this.download(
- "system/tag/export",
- {
- ...this.queryParams,
- },
- `tag_${new Date().getTime()}.xlsx`
- );
- },
},
};
</script>
+
+<style lang="scss" scoped>
+.Questionnairemanagement {
+ display: flex;
+}
+.sidecolumn {
+ width: 300px;
+ min-height: 100vh;
+ text-align: center;
+ // display: flex;
+ margin-top: 20px;
+ margin: 20px;
+ padding: 30px;
+ background: #edf1f7;
+ border: 1px solid #dcdfe6;
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
+ 0 0 6px 0 rgba(0, 0, 0, 0.04);
+ .sidecolumn-top {
+ display: flex;
+ justify-content: space-between;
+ .top-wj {
+ font-size: 20px;
+ }
+ .top-tj {
+ font-size: 18px;
+
+ color: rgb(0, 89, 255);
+ cursor: pointer;
+ }
+ }
+ .center-ss {
+ margin-top: 30px;
+ .input-with-select {
+ height: 40px !important;
+ }
+ }
+ .bottom-fl {
+ margin-top: 30px;
+ display: center !important;
+ }
+}
+.qrcode-dialo {
+ text-align: center;
+ // display: flex;
+ margin: 20px;
+ padding: 30px;
+ background: #edf1f7;
+ border: 1px solid #dcdfe6;
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
+ 0 0 6px 0 rgba(0, 0, 0, 0.04);
+ .qrcode-text {
+ font-size: 20px;
+ span {
+ margin-left: 20px;
+ }
+ }
+ .qrcode-img {
+ width: 300px;
+ height: 400px;
+ }
+}
+::v-deep.el-tabs--left,
+.el-tabs--right {
+ overflow: hidden;
+ align-items: center;
+ display: flex;
+}
+::v-deep.el-input--medium .el-input__inner {
+ height: 40px !important;
+}
+::v-deep.el-tabs--right .el-tabs__active-bar.is-right {
+ height: 40px;
+ width: 5px;
+ left: 0;
+}
+::v-deep.el-tabs--right .el-tabs__item.is-right {
+ display: block;
+ text-align: left;
+ font-size: 20px;
+}
+
+.leftvlue {
+ // display: flex;
+ // flex: 1;
+ width: 80%;
+ margin-top: 20px;
+ // margin: 20px;
+ padding: 30px;
+ background: #ffff;
+ border: 1px solid #dcdfe6;
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
+ 0 0 6px 0 rgba(0, 0, 0, 0.04);
+ .mulsz {
+ font-size: 20px;
+ }
+}
+.button-text {
+ color: rgb(70, 204, 238);
+}
+.button-textck {
+ color: rgb(39, 167, 67);
+}
+.button-textxg {
+ color: rgb(35, 81, 233);
+}
+.button-textsc {
+ color: rgb(235, 23, 23);
+}
+</style>
--
Gitblit v1.9.3