|
|
@@ -0,0 +1,139 @@
|
|
|
+<!-- 模板区域 -->
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <!-- 模板内容 -->
|
|
|
+ <el-form ref="queryForm" :inline="true" :model="queryform" label-width="100px" class="top-search">
|
|
|
+ <el-form-item label="行为类型名称" prop="name">
|
|
|
+ <el-input v-model="queryform.name" placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="状态" prop="name">
|
|
|
+ <el-select v-model="queryform.labelName" placeholder="请选择，支持关键词搜索" clearable filterable>
|
|
|
+ <el-option label="全部" value="1"></el-option>
|
|
|
+ <el-option label="已绑定" value="2"></el-option>
|
|
|
+ <el-option label="未绑定" value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="findPage()">查询</el-button>
|
|
|
+ <el-button @click="resetForm()">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="g-card ">
|
|
|
+ <div class="mid-action">
|
|
|
+ <el-button class="ml10" type="primary" @click="createBehavior">
|
|
|
+ 新增
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <templateTable ref="commonTable" :operationWidth="200" :showOperation="true" :showBatchDelete="false"
|
|
|
+ :data="Result" :columns="Columns" @findPage="findPage">
|
|
|
+ <template slot="buttonSlot" slot-scope="{ row }">
|
|
|
+ <el-button type="text" @click="viewDetails(row)">查看</el-button>
|
|
|
+ <el-button type="text" @click="disableAction(row)">停用</el-button>
|
|
|
+ </template>
|
|
|
+ </templateTable>
|
|
|
+ </div>
|
|
|
+ <el-dialog title="添加行为类型" :visible.sync="createBehaviorShow" width="40%">
|
|
|
+ <div>
|
|
|
+ <el-form ref="form" :rules="rules" :model="form" label-position="left" label-width="120px">
|
|
|
+ <el-form-item label="行为类型编码" prop="labelName">
|
|
|
+ <el-input v-model="form.name" placeholder="请输入行为类型编码"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="行为类型名称" prop="labelName">
|
|
|
+ <el-input v-model="form.name" placeholder="请输入行为类型名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="行为描述" prop="labelName">
|
|
|
+ <el-input type="textarea" v-model="form.desc"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="createBehaviorShow = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="userOperation">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<!-- 行为区域 -->
|
|
|
+<script>
|
|
|
+import templateTable from "@/components/templateTable.vue";
|
|
|
+import { Row } from "element-ui";
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ templateTable
|
|
|
+ },
|
|
|
+ // 数据存放区域
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ createBehaviorShow: false,//转出弹窗
|
|
|
+ queryform: {},//页面检索对象
|
|
|
+ form: {},//提交表单
|
|
|
+ rules: {
|
|
|
+ labelName: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请选择员工',
|
|
|
+ trigger: 'chnage',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+
|
|
|
+ },
|
|
|
+ Result: {
|
|
|
+ content: [
|
|
|
+ {
|
|
|
+ name: "3232",
|
|
|
+ status: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "3232",
|
|
|
+ status: false
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ totalSize: 0,
|
|
|
+ },
|
|
|
+ Columns: [
|
|
|
+ { prop: "name", label: "行为类型编码", minWidth: 180, },
|
|
|
+ { prop: "name", label: "行为类型名称", minWidth: 180, },
|
|
|
+ { prop: "mobile", label: "行为描述（选填）", minWidth: 360 },
|
|
|
+ { prop: "userId", label: "状态", minWidth: 120 },
|
|
|
+ ],
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 生命周期函数
|
|
|
+ created() {
|
|
|
+ },
|
|
|
+ // 方法函数
|
|
|
+ methods: {
|
|
|
+ // 查看详情
|
|
|
+ viewDetails() {
|
|
|
+ },
|
|
|
+ // 操作用户
|
|
|
+ userOperation() {
|
|
|
+ this.$refs['form'].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ console.log(valid)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 停用
|
|
|
+ * @param row status 状态 true 已绑定 false 未绑定
|
|
|
+ */
|
|
|
+ disableAction(row) {
|
|
|
+
|
|
|
+ }, //列表查询
|
|
|
+ findPage() {
|
|
|
+ console.log(1)
|
|
|
+ },
|
|
|
+ // 同步用户
|
|
|
+ createBehavior() {
|
|
|
+ this.createBehaviorShow=true;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ // 计算属性
|
|
|
+ computed: {
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<!-- 样式区域 -->
|
|
|
+<style lang='scss' scoped></style>
|
