Skip to content

P
pda-ui
Commit 167a38ef authored by hiyonx's avatar hiyonx
Browse files
Options

sap特性设置

parent f855c301
Hide whitespace changes
Inline Side-by-side
Showing with 1262 additions and 0 deletions
src/api/mes/md/propertydict.js 0 → 100644
View file @ 167a38ef
import request from '@/utils/request'
// 查询客户列表
export function listPropertyDict(query) {
return request({
url: '/md/propertydict/list',
method: 'get',
params: query
})
}
// 查询客户详细
export function getPropertyDict(id) {
return request({
url: '/md/propertydict/' + id,
method: 'get'
})
}
// 新增客户
export function addPropertyDict(data) {
return request({
url: '/md/propertydict',
method: 'post',
data: data
})
}
// 修改客户
export function updatePropertyDict(data) {
return request({
url: '/md/propertydict',
method: 'put',
data: data
})
}
// 删除客户
export function delPropertyDict(id) {
return request({
url: '/md/propertydict/' + id,
method: 'delete'
})
}
src/api/mes/md/propertytype.js 0 → 100644
View file @ 167a38ef
import request from '@/utils/request'
// 查询客户列表
export function listPropertytype(query) {
return request({
url: '/md/propertytype/list',
method: 'get',
params: query
})
}
// 查询客户详细
export function getPropertytype(clientId) {
return request({
url: '/md/propertytype/' + clientId,
method: 'get'
})
}
// 新增客户
export function addPropertytype(data) {
return request({
url: '/md/propertytype',
method: 'post',
data: data
})
}
// 修改客户
export function updatePropertytype(data) {
return request({
url: '/md/propertytype',
method: 'put',
data: data
})
}
// 删除客户
export function delPropertytype(clientId) {
return request({
url: '/md/propertytype/' + clientId,
method: 'delete'
})
}
src/api/mes/md/sapproperty.js 0 → 100644
View file @ 167a38ef
import request from '@/utils/request'
// 查询客户列表
export function listSapproperty(query) {
return request({
url: '/md/sapproperty/list',
method: 'get',
params: query
})
}
// 查询客户详细
export function getSapproperty(clientId) {
return request({
url: '/md/sapproperty/' + clientId,
method: 'get'
})
}
// 新增客户
export function addSapproperty(data) {
return request({
url: '/md/sapproperty',
method: 'post',
data: data
})
}
// 修改客户
export function updateSapproperty(data) {
return request({
url: '/md/sapproperty',
method: 'put',
data: data
})
}
// 删除客户
export function delSapproperty(clientId) {
return request({
url: '/md/sapproperty/' + clientId,
method: 'delete'
})
}
src/components/ElInputMoney/index.vue 0 → 100644
View file @ 167a38ef
<template>
<el-input v-model.trim="money" class="el-input-money" :placeholder="placeholder" :disabled="disabled"
:readonly="readonly" :clearable="!readonly && !disabled && clearable"
@blur="onBlue" @focus="onFocus" @change="onChange">
<template slot="append">
<slot name="append"></slot>
</template>
</el-input>
</template>
<script>
export default {
name: "ElInputMoney",
model: {
prop: 'value',
event: "update"
},
props: {
// 金额
value: {type: String|Number, required: true},
// 单位: 1元, 0.1角, 0.01分
unit: {type: String|Number, default: 1},
placeholder: {type: String},
clearable: {type: Boolean, default: false},
readonly: {type: Boolean, default: false},
disabled: {type: Boolean, default: false},
},
watch: {
value: {
handler(val) {
if (val != null && val !== '') {
this.calcMoney(val * this.unit)
}
},
immediate: true
}
},
data() {
return {
money: null,
}
},
methods: {
onBlue() {
if (this.disabled || this.readonly) return;
if (/^[+-]?\d+(\.\d+)?$/.test(this.money)) {
this.$emit("update", this.money / this.unit);
this.money = this.formatMoney(this.money);
} else {
this.money = null;
this.$emit("update", null);
}
this.$emit("blur");
},
onChange() {
if (this.disabled || this.readonly) return;
setTimeout(() => this.$emit("change", this.value), 100);
},
onFocus() {
if (this.disabled || this.readonly) return;
this.$emit("focus");
if (this.value != null && this.value !== '') this.money = this.value * this.unit;
},
calcMoney() {
if (this.value !== '' && this.value != null) {
this.money = this.formatMoney(this.value * this.unit);
}
},
/**
* 格式化金钱
*/
formatMoney(val) {
if (val === '' || val == null) return null
let str = (+val).toFixed(2);
let intSum = str.substring(0, str.indexOf(".")).replace(/\B(?=(?:\d{3})+$)/g, ',');//取到整数部分
let dot = str.substring(str.length, str.indexOf("."))//取到小数部分搜索
return '¥ ' + intSum + dot;
},
}
}
</script>
<style scoped>
</style>
src/main.js
View file @ 167a38ef
......@@ -25,6 +25,8 @@ import Pagination from "@/components/Pagination";
import RightToolbar from "@/components/RightToolbar"
// 富文本组件
import Editor from "@/components/Editor"
// 金钱输入框
import ElInputMoney from "@/components/ElInputMoney"
// 文件上传组件
import FileUpload from "@/components/FileUpload"
// 图片上传组件
......@@ -56,6 +58,7 @@ Vue.component('DictTag', DictTag)
Vue.component('Pagination', Pagination)
Vue.component('RightToolbar', RightToolbar)
Vue.component('Editor', Editor)
Vue.component('ElInputMoney', ElInputMoney)
Vue.component('FileUpload', FileUpload)
Vue.component('ImageUpload', ImageUpload)
Vue.component('ImagePreview', ImagePreview)
......
src/views/mes/md/propertydict/index.vue 0 → 100644
View file @ 167a38ef
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item label="字典名称" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入字典名称" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否启用" prop="enableFlag">
<el-select v-model="queryParams.enableFlag" clearable>
<el-option v-for="item in dict.type.sys_yes_no" v-bind="item" :key="item.value"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<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-col>
</el-row>
</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="['mes:md:client: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="['mes:md:client: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="['mes:md:client: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="['mes:md:client:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"/>
<el-table-column label="字典名称" prop="name"/>
<el-table-column label="是否启用" prop="enableFlag" >
<template slot-scope="{row}">
<dict-tag :options="dict.type.sys_yes_no" :value="row.enableFlag"/>
</template>
</el-table-column>
<el-table-column label="操作" class-name="small-padding fixed-width">
<template slot-scope="{row}">
<el-button v-hasPermi="['mes:md:client:edit']" size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(row)">
修改
</el-button>
<el-button v-hasPermi="['mes:md:client:remove']" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(row)">
删除
</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="960px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<el-col :span="10">
<el-form-item label="字典名称" prop="name">
<el-input v-model.trim="form.name" placeholder="请输入字典名称" clearable/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否启用" prop="enableFlag">
<el-radio-group v-model="form.enableFlag">
<el-radio v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.value">{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<template v-for="(item, i) in form.dictDataList">
<el-row v-if="item.enableFlag === 'Y'" :key="i" :gutter="20">
<el-col :span="10">
<el-form-item label="名称" :prop="'dictDataList.' + i + '.name'"
:rules="{required: true, max: 32, message: '数值名称不能为空，长度在32字以内', trigger: 'blur'}">
<el-input v-model.trim="item.name" placeholder="请输入数值名称" clearable/>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="数值" :prop="'dictDataList.' + i + '.value'"
:rules="{required: true, max: 64, message: '数值不能为空，长度在64字以内', trigger: 'blur'}">
<el-input v-model.trim="item.value" placeholder="请输入数值" clearable/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-button type="text" @click.prevent="onAddItem">新增</el-button>
<el-button v-if="i" type="text" @click.prevent="onDelItem(item)">删除</el-button>
</el-col>
</el-row>
</template>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="cancel" v-if="optType === 'view'">返回</el-button>
<el-button type="primary" @click="submitForm" v-else>确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {addPropertyDict, getPropertyDict, listPropertyDict, updatePropertyDict, delPropertyDict} from '@/api/mes/md/propertydict'
export default {
name: "Client",
dicts: ['mes_client_type','sys_yes_no'],
data() {
return {
optType: undefined,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 客户表格数据
list: [],
propertyTypeOptions: [
{label: '客户特性', value: 1},
{label: '产品特性', value: 2},
{label: '订单特性', value: 3},
{label: '品牌特性', value: 4},
],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
type: null,
name: null,
enableFlag: 'Y',
},
// 表单参数
form: {
id: null,
name: '',
dictDataList: [{name: '', value: '', enableFlag: 'Y'}]
},
// 表单校验
rules: {
name: [{ required: true, max: 32, message: '字典名称不能为空，长度在32字以内', trigger: 'blur' }],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询客户列表 */
getList() {
this.loading = true;
listPropertyDict(this.queryParams).then(response => {
this.list = response.rows;
this.total = response.total;
}).finally(() => this.loading = false);
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
/**
* 删除列
*/
onAddItem() {
this.form.dictDataList.push({name: '', value: '', enableFlag: 'Y'})
},
/**
* 删除列
*/
onDelItem(item) {
if (item.id) {
item.enableFlag = 'N'
} else {
let index = this.form.dictDataList.indexOf(item)
if (index !== -1) {
this.form.dictDataList.splice(index, 1)
}
}
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
name: '',
dictDataList: [{name: '', value: '', enableFlag: 'Y'}]
};
this.resetForm("form");
},
// 多选框选中数据
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 = "添加字典";
this.optType = "add";
},
/** 修改按钮操作 */
handleUpdate(row) {
if (!row.id && this.ids.length !== 1) this.$message.error("只能选择一条数据")
this.reset();
const id = row.id || this.ids[0]
getPropertyDict(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改字典";
this.optType = "edit";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updatePropertyDict(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addPropertyDict(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 delPropertyDict(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('md/propertydict/export', {
...this.queryParams
}, `propertydict_${new Date().getTime()}.xlsx`)
}
}
};
</script>
src/views/mes/md/propertytype/index.vue 0 → 100644
View file @ 167a38ef
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<el-row>
<el-col :span="6">
<el-form-item label="数据类型名" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入数据类型名" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="数据类型" prop="type">
<el-select v-model="queryParams.type" placeholder="请选择数据类型" clearable filterable>
<el-option v-for="item in dict.type.sys_data_type" :key="item.value" :value="item.value" :label="item.label"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="是否启用" prop="enableFlag">
<el-select v-model="queryParams.enableFlag" clearable>
<el-option v-for="item in dict.type.sys_yes_no" v-bind="item" :key="item.value"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<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-col>
</el-row>
</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="['mes:md:client: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="['mes:md:client: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="['mes:md:client: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="['mes:md:client:export']"
>导出</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="toPropertyDict"
>数据字典</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"/>
<el-table-column label="数据类型名" prop="name"/>
<el-table-column label="数据类型" width="150px" :formatter="formatDataType"/>
<el-table-column label="约束" show-overflow-tooltip>
<template slot-scope="{row}">
<div v-if="row.length != null">最大长度：{{ row.length }}</div>
<div v-if="row.min != null">最小值：{{ row.min }}</div>
<div v-if="row.max != null">最大值：{{ row.max }}</div>
<div v-if="row.regEx != null">正则：{{ row.regEx }}</div>
<div v-if="row.dictId != null">枚举：{{ row.propertyDict.name }}</div>
</template>
</el-table-column>
<el-table-column label="提示语" prop="errMsg" show-overflow-tooltip/>
<el-table-column label="是否启用" prop="enableFlag" >
<template slot-scope="{row}">
<dict-tag :options="dict.type.sys_yes_no" :value="row.enableFlag"/>
</template>
</el-table-column>
<el-table-column label="操作" class-name="small-padding fixed-width">
<template slot-scope="{row}">
<el-button v-hasPermi="['mes:md:client:edit']" size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(row)">
修改
</el-button>
<el-button v-hasPermi="['mes:md:client:remove']" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(row)">
删除
</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="960px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<el-col :span="12">
<el-form-item label="数据类型名" prop="name">
<el-input v-model.trim="form.name" placeholder="请输入数据类型名" clearable/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="数据类型" prop="type">
<el-select v-model.trim="form.type" placeholder="请选择数据类型" clearable>
<el-option v-for="item in dict.type.sys_data_type" :key="item.value" :value="item.value" :label="item.label"/>
</el-select>
</el-form-item>
</el-col>
<el-col v-if="form.type === 1" :span="12">
<el-form-item label="最大长度" prop="length">
<el-input v-model.trim.number="form.length" placeholder="请输入最大长度" clearable/>
</el-form-item>
<el-form-item label="正则" prop="regEx">
<el-input v-model.trim.number="form.regEx" placeholder="请输入正则" clearable/>
</el-form-item>
</el-col>
<template v-if="[2, 3].includes(form.type)">
<el-col :span="12">
<el-form-item label="最小值" prop="min">
<el-input v-model.trim.number="form.min" placeholder="请输入最小值" clearable/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="最大值" prop="max">
<el-input v-model.trim.number="form.max" placeholder="请输入最大值" clearable/>
</el-form-item>
</el-col>
</template>
<el-col v-if="form.type === 7" :span="12">
<el-form-item label="枚举" prop="dictId">
<el-select v-model="form.dictId" placeholder="请选择枚举类型" filterable remote :remote-method="onSearchDict" clearable>
<el-option v-for="item in dictList" :key="item.id" :value="item.id" :label="item.name"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="提示语" prop="errMsg">
<el-input v-model.trim="form.errMsg" placeholder="请输入提示语" clearable/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否启用" prop="enableFlag">
<el-radio-group v-model="form.enableFlag">
<el-radio v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.value">{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="cancel" v-if="optType === 'view'">返回</el-button>
<el-button type="primary" @click="submitForm" v-else>确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { addPropertytype, getPropertytype, listPropertytype, updatePropertytype, delPropertytype } from '@/api/mes/md/propertytype'
import {listPropertyDict} from '@/api/mes/md/propertydict'
export default {
name: "Client",
dicts: ['mes_client_type','sys_yes_no', 'sys_data_type'],
data() {
return {
optType: undefined,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 客户表格数据
list: [],
propertyTypeOptions: [
{label: '客户特性', value: 1},
{label: '产品特性', value: 2},
{label: '订单特性', value: 3},
{label: '品牌特性', value: 4},
],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
type: null,
name: null,
enableFlag: 'Y',
},
// 表单参数
form: {
id: null,
name: null,
type: null,
length: null,
min: null,
max: null,
regEx: null,
errMsg: null,
dictId: null,
enableFlag: 'Y',
},
dictList: [],
// 表单校验
rules: {
name: [{ required: true, max: 32, message: '数据类型名称不能为空，长度在32字以内', trigger: 'blur' }],
type: [{ required: true, message: '数据类型不能为空', trigger: 'blur' }],
length: [
{ required: true, message: '最大长度不能为空', trigger: 'blur' },
// { pattern: /^[0-9]{1,4}$/, message: '最大输入为9999', trigger: 'blur' },
],
min: [
{ required: true, message: '最小值不能为空', trigger: 'blur' }
],
max: [
{ required: true, message: '最大值不能为空', trigger: 'blur' }
],
errMsg: [{ required: true, max: 100, message: '提示语不能为空，长度在100字以内', trigger: 'blur' }],
dictId: [{ required: true, message: '枚举类型不能为空', trigger: ['blur', 'change'] }],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询客户列表 */
getList() {
this.loading = true;
listPropertytype(this.queryParams).then(response => {
this.list = response.rows;
this.total = response.total;
}).finally(() => this.loading = false);
},
toPropertyDict() {
this.$router.push("/mes/md/propertydict")
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
onSearchDict(key) {
if (key !== '') {
listPropertyDict({name: key}).then(response => this.dictList = response.rows)
} else {
this.dictList = []
}
},
// 表单重置
reset() {
this.form = {
id: null,
name: null,
type: null,
length: null,
min: null,
max: null,
regEx: null,
errMsg: null,
dictId: null,
enableFlag: 'Y',
};
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 = "添加客户";
this.optType = "add";
},
/** 修改按钮操作 */
handleUpdate(row) {
if (!row.id && this.ids.length !== 1) this.$message.error("只能选择一条数据")
this.reset();
const id = row.id || this.ids[0]
listPropertyDict({id: row.dictId}).then(response => this.dictList = response.rows)
getPropertytype(id).then(response => {
this.form = response.data;
this.form.type = response.data.type;
this.open = true;
this.title = "修改数据类型";
this.optType = "edit";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.min != null && this.form.max != null) {
if (this.form.min > this.form.max) return this.$message.error("最小值不能大于最大值")
}
if (this.form.id != null) {
updatePropertytype(this.form).then(() => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addPropertytype(this.form).then(() => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除数据类型编号为"' + ids + '"的数据项？').then(function() {
return delPropertytype(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('md/propertytype/export', {
...this.queryParams
}, `propertytype_${new Date().getTime()}.xlsx`)
},
formatDataType(row) {
let item = this.dict.type.sys_data_type.find(item => item.value === row.type)
return item ? item.label : ''
}
}
};
</script>
src/views/mes/md/sapproperty/index.vue 0 → 100644
View file @ 167a38ef
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<el-row>
<el-col :span="6">
<el-form-item label="特性类型" prop="type">
<el-select v-model="queryParams.type" clearable filterable>
<el-option v-for="item in dict.type.sap_property_type" :key="item.value" v-bind="item"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="特性名称" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入特性名称" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="是否启用" prop="enableFlag">
<el-select v-model="queryParams.enableFlag" clearable>
<el-option v-for="item in dict.type.sys_yes_no" v-bind="item" :key="item.value"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<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-col>
</el-row>
</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="['mes:md:client: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="['mes:md:client: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="['mes:md:client: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="['mes:md:client:export']"
>导出</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="toDataType"
>数据类型</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="特性类型" prop="type" :formatter="formatType"/>
<el-table-column label="特性名称" width="150px" prop="name"/>
<el-table-column label="sap属性" width="150px" prop="sapField"/>
<el-table-column label="数据类型名" prop="propertyType.name" />
<el-table-column label="数据类型" prop="propertyType.type" :formatter="formatDataType"/>
<el-table-column label="是否启用" prop="enableFlag" >
<template slot-scope="{row}">
<dict-tag :options="dict.type.sys_yes_no" :value="row.enableFlag"/>
</template>
</el-table-column>
<el-table-column label="操作" class-name="small-padding fixed-width">
<template slot-scope="{row}">
<el-button v-hasPermi="['mes:md:client:edit']" size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(row)">
修改
</el-button>
<el-button v-hasPermi="['mes:md:client:remove']" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(row)">
删除
</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="960px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<el-col :span="12">
<el-form-item label="特性类型" prop="type">
<el-select v-model="form.type" placeholder="请选择特性类型" clearable filterable>
<el-option v-for="item in dict.type.sap_property_type" :key="item.value" v-bind="item"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="特性名称" prop="name">
<el-input v-model.trim="form.name" placeholder="请输入特性名称" clearable/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="数据类型" prop="typeId">
<el-select v-model="form.typeId" placeholder="请选择数据类型" clearable filterable remote :remote-method="onSearchType">
<el-option v-for="item in typeList" :key="item.id" :value="item.id" :label="item.name"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="sap属性" prop="sapField">
<el-input v-model.trim="form.sapField" placeholder="请输入sap属性" clearable/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否启用" prop="enableFlag">
<el-radio-group v-model="form.enableFlag">
<el-radio v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.value">{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="cancel" v-if="optType === 'view'">返回</el-button>
<el-button type="primary" @click="submitForm" v-else>确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
addSapproperty,
delSapproperty,
getSapproperty,
listSapproperty,
updateSapproperty
} from '@/api/mes/md/sapproperty'
import { listPropertytype } from '@/api/mes/md/propertytype'
export default {
name: "Client",
dicts: ['mes_client_type','sys_yes_no','sys_data_type','sap_property_type'],
data() {
return {
//自动生成编码
autoGenFlag:false,
optType: undefined,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 客户表格数据
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
type: null,
name: null,
enableFlag: 'Y',
},
typeList: [],
// 表单参数
form: {
id: null,
type: null,
name: null,
typeId: null,
sapField: null,
money: 1,
enableFlag: 'Y',
},
// 表单校验
rules: {
type: [{ required: true, message: '特性类型不能为空', trigger: ['blur', 'change']}],
name: [{ required: true, max: 32, message: '特性名称不能为空，长度在32字符以内', trigger: ['blur', 'change'] }],
typeId: [{ required: true, message: '特性数据类型不能为空', trigger: ['blur', 'change']}],
sapField: [
{ required: true, max: 32, message: '特性SAP属性不能为空，长度在32字符以内', trigger: 'blur' },
{ pattern: /^[a-zA-Z]\w{1,31}$/, message: '仅支持字母下划线数字,并以字母开头', trigger: ['blur', 'change'] }
],
}
};
},
created() {
this.getList();
},
methods: {
toDataType() {
this.$router.push({ path: '/mes/md/propertytype'})
},
/** 查询客户列表 */
getList() {
this.loading = true;
listSapproperty(this.queryParams).then(response => {
this.list = response.rows;
this.total = response.total;
}).finally(() => this.loading = false);
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
type: null,
name: null,
typeId: null,
sapField: null,
enableFlag: 'Y',
};
this.autoGenFlag = false;
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 = "添加特性";
this.optType = "add";
},
onSearchType(key) {
if (key !== '') {
listPropertytype({name: key, pageNum: 1, pageSize: 1000}).then(response => this.typeList = response.rows)
} else {
this.typeList = []
}
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids
listPropertytype({id: row.typeId, pageNum: 1, pageSize: 1000}).then(response => this.typeList = response.rows)
getSapproperty(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改客户";
this.optType = "edit";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updateSapproperty(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addSapproperty(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id || this.ids;
this.$modal.confirm('是否确认删除客户编号为"' + id + '"的数据项？').then(function() {
return delSapproperty(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('md/sapproperty/export', {
...this.queryParams
}, `sapProperty_${new Date().getTime()}.xlsx`)
},
formatType(row) {
let item = this.dict.type.sap_property_type.find(item => item.value === row.type)
return item ? item.label : ''
},
formatDataType(row) {
let item = this.dict.type.sys_data_type.find(item => item.value === row.propertyType.type)
return item ? item.label : ''
}
}
};
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment