|
@@ -1,55 +1,5 @@
|
|
|
<template>
|
|
|
<div class="formwrap">
|
|
|
-<!-- <en-table-layout-->
|
|
|
-<!-- toolbar-->
|
|
|
-<!-- @selection-change="selectFun"-->
|
|
|
-<!-- @sort-change="tableSort"-->
|
|
|
-<!-- pagination-->
|
|
|
-<!-- :tableData="tableData"-->
|
|
|
-<!-- :height="600"-->
|
|
|
-<!-- :loading="loading"-->
|
|
|
-<!-- :default-sort="{prop: 'id', order: 'ascending'}"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- <!–表头–>-->
|
|
|
-<!-- <template slot="table-columns">-->
|
|
|
-<!-- <el-table-column type="selection" width="55" align="center"></el-table-column>-->
|
|
|
-<!-- <el-table-column style="text-align: left;" label="图标" width="70">-->
|
|
|
-<!-- <template slot-scope="scope">-->
|
|
|
-<!-- <el-image :src="scope.row.icon_src" lazy fit="cover" :preview-src-list="srcList" @click="lookBigImg(scope.row.icon_src)">-->
|
|
|
-<!-- <div slot="error" class="image-slot">-->
|
|
|
-<!-- <i class="el-icon-picture-outline"></i>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </el-image>-->
|
|
|
-<!-- </template>-->
|
|
|
-<!-- </el-table-column>-->
|
|
|
-<!-- <el-table-column prop="name" label="名称" min-width="150" align="center" />-->
|
|
|
-<!-- <el-table-column prop="desc" label="描述" min-width="150" align="center" />-->
|
|
|
-<!-- <el-table-column prop="key_code" label="唯一标识码" width="160" align="center" />-->
|
|
|
-<!-- <el-table-column prop="min_x" label="x轴范围" align="center" width="150" :formatter="formatterX" />-->
|
|
|
-<!-- <el-table-column prop="min_y" label="y轴范围" width="150" align="center" :formatter="formatterY" />-->
|
|
|
-<!-- <el-table-column prop="create_time" label="创建时间" width="170" align="center" :formatter="formatterDate" />-->
|
|
|
-<!-- <el-table-column style="text-align: left;" label="操作" width="150">-->
|
|
|
-<!-- <template slot-scope="scope">-->
|
|
|
-<!-- <el-button type="success" size="mini" @click="handlerEdit(scope.$index,scope.row)">编辑</el-button>-->
|
|
|
-<!-- <el-button type="danger" size="mini" @click="handlerDelete(scope.row.id)">删除</el-button>-->
|
|
|
-<!-- </template>-->
|
|
|
-<!-- </el-table-column>-->
|
|
|
-<!-- </template>-->
|
|
|
-
|
|
|
-<!-- <!–翻页–>-->
|
|
|
-<!-- <el-pagination-->
|
|
|
-<!-- slot="pagination"-->
|
|
|
-<!-- v-if="pageData"-->
|
|
|
-<!-- :current-page="pageData.page_no"-->
|
|
|
-<!-- :page-sizes="[10, 20, 50, 100]"-->
|
|
|
-<!-- :page-size="pageData.page_size"-->
|
|
|
-<!-- @size-change="handlePageSizeChange"-->
|
|
|
-<!-- @current-change="handlePageCurrentChange"-->
|
|
|
-<!-- layout="total, sizes, prev, pager, next, jumper"-->
|
|
|
-<!-- :total="pageData.data_total">-->
|
|
|
-<!-- </el-pagination>-->
|
|
|
-<!-- </en-table-layout>-->
|
|
|
-
|
|
|
<ag-grid-layout
|
|
|
:table-height="tableHeight"
|
|
|
theme="ag-theme-alpine"
|
|
@@ -115,6 +65,11 @@
|
|
|
<el-option label="SOS紧急按钮" value="SOS紧急按钮" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="适用角色" prop="role_id">
|
|
|
+ <el-select v-model="formmodel.role_id" placeholder="适用角色" clearable>
|
|
|
+ <el-option v-for="item in rolesOptions" :key="item.role_id" :label="item.role_name" :value="item.role_id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="图标">
|
|
|
<el-upload
|
|
|
class="avatar-uploader"
|
|
@@ -145,6 +100,7 @@
|
|
|
import ButtonCellRender from "@/components/AgGridCellRender/ButtonCellRender"
|
|
|
import AgGridImg from "@/components/AgGridImg/AgGridImg"
|
|
|
import ImageViewer from "element-ui/packages/image/src/image-viewer"
|
|
|
+ import * as clerk_API from "@/api/ncs_clerk";
|
|
|
let prevOverflow = ''
|
|
|
|
|
|
export default {
|
|
@@ -161,6 +117,9 @@
|
|
|
rules: {
|
|
|
name: [
|
|
|
{required: true, message: '请输入名称', trigger: 'blur'}
|
|
|
+ ],
|
|
|
+ role_id: [
|
|
|
+ { required: true, message: '请选择适用人', trigger: 'blur' }
|
|
|
]
|
|
|
},
|
|
|
pageData: [],
|
|
@@ -183,7 +142,8 @@
|
|
|
columnApi: null,
|
|
|
localeText: AG_GRID_LOCALE_CN,
|
|
|
rowSelection: null,
|
|
|
- showViewer: false
|
|
|
+ showViewer: false,
|
|
|
+ rolesOptions: [],
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
@@ -284,6 +244,7 @@
|
|
|
if (this.$refs.editform) {
|
|
|
this.$refs.editform.resetFields()
|
|
|
}
|
|
|
+ this.getRoles({ page_size: 200, page_no: 1, fixedCondition: ' shop_id = -1', sort: ' role_id', dir: 'desc' })
|
|
|
this.imageUrl = null
|
|
|
this.formmodel.type = '遥控器'
|
|
|
this.editflag = 0
|
|
@@ -291,6 +252,7 @@
|
|
|
},
|
|
|
handlerEdit: function (row) {
|
|
|
this.formmodel = Object.assign({}, row)
|
|
|
+ this.getRoles({ page_size: 200, page_no: 1, fixedCondition: ' shop_id = -1', sort: ' role_id', dir: 'desc' })
|
|
|
this.imageUrl = row.icon_src
|
|
|
this.editflag = 1
|
|
|
this.formshow = true
|
|
@@ -537,6 +499,12 @@
|
|
|
delete this.params.dir
|
|
|
}
|
|
|
this.getList()
|
|
|
+ },
|
|
|
+ getRoles(param) {
|
|
|
+ // 获取角色
|
|
|
+ clerk_API.getRoles(param).then(response => {
|
|
|
+ this.rolesOptions = response.data
|
|
|
+ })
|
|
|
}
|
|
|
}
|
|
|
}
|