Skip to content

K
klck
Commit 10637b95 authored by lvzhuangzhuang's avatar lvzhuangzhuang
Browse files
Options

1

parent 22de4e6a
Show whitespace changes
Inline Side-by-side
Showing with 177 additions and 35 deletions
ruoyi-ui/src/views/system/supplies/rule.vue
View file @ 10637b95
......@@ -16,8 +16,8 @@
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8" v-if="0">
<el-col :span="1.5">
<el-row>
<el-col>
<el-button
type="primary"
plain
......@@ -42,6 +42,14 @@
<el-table-column prop="jsons" label="规则内容"></el-table-column>
<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-plus"
@click="handleAdd(scope.row)"
v-hasPermi="['system:ruleManagement:add']"
>新增</el-button>-->
<el-button
size="mini"
type="text"
......@@ -49,13 +57,7 @@
@click="handleUpdate(scope.row)"
v-hasPermi="['system:ruleManagement:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-plus"
@click="handleAdd(scope.row)"
v-hasPermi="['system:ruleManagement:add']"
>新增</el-button>
<el-button
v-if="scope.row.parentId != 0"
size="mini"
......@@ -69,22 +71,48 @@
</el-table>
<!-- 添加或修改规则 -->
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
<el-dialog :title="title" :visible.sync="open" width="1200px" style="height: 800px" append-to-body>
<el-form ref="form" :model="form" label-width="80px">
<el-row>
<el-col :span="12">
<el-col style="width: 50%">
<el-form-item label="规则名称" prop="name">
<el-input v-model="form.name" placeholder="请输入规则名称" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="规则内容" prop="jsons">
<el-input v-model="form.jsons" placeholder="请输入规则内容" />
</el-form-item>
<el-col style="width: 1px;margin: 10px;">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="lableAdd"
v-hasPermi="['system:ruleManagement:add']"
>添加</el-button>
</el-col>
</el-row>
<table cellspacing="0" cellpadding="0" border="1" style="border-color: aliceblue;">
<thead style="font-size: 20px">
<tr>
<th style="text-align: center;width: 177px;">导入sheet</th>
<th style="text-align: center;width: 177px;">导入行</th>
<th style="text-align: center;width: 177px;">导入列</th>
<th style="text-align: center;width: 177px;">模板sheet</th>
<th style="text-align: center;width: 177px;">模板行</th>
<th style="text-align: center;width: 177px;">模板列</th>
</tr>
</thead>
<tbody id="labadd">
<!--<tr style="margin-top: 10px">
<td><input class="se" type="number" style="text-align: center" value="" placeholder="se"/></td>
<td><input class="re" type="number" style="text-align: center" value="" placeholder="re"/></td>
<td><input class="ce" type="number" style="text-align: center" value="" placeholder="ce"/></td>
<td><input class="st" type="number" style="text-align: center" value="" placeholder="st"/></td>
<td><input class="rt" type="number" style="text-align: center" value="" placeholder="rt"/></td>
<td><input class="ct" type="number" style="text-align: center" value="" placeholder="ct"/></td>
</tr>-->
</tbody>
</table>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
......@@ -95,6 +123,7 @@
</template>
<script>
import $ from 'jquery'
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import {listRule,getRule,addRuleManagement,updateRuleManagement,delRuleManagement} from "@/api/ruoyi-myLuckyexcel/myluckyexcel";
......@@ -142,8 +171,11 @@
},
// 取消按钮
cancel() {
$("#labadd").html("");
this.open = false;
this.reset();
},
// 表单重置
reset() {
......@@ -166,31 +198,141 @@
},
/** 新增按钮操作 */
handleAdd(row) {
this.reset();
if (row != undefined) {
this.form.parentId = row.id;
}
this.open = true;
this.title = "新增规则";
listRule().then(response => {
addRuleManagement(this.form).then(response => {
this.msgSuccess("新增成功");
this.open = false;
this.getList();
});
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
if (row != undefined) {
this.form.parentId = row.id;
}
this.open = true;
this.title = "修改规则";
getRule(row.id).then(response => {
updateRuleManagement(row.id).then(response => {
var datas =response.data;
this.form.id = datas.id;
this.form.name = datas.name;
var s = JSON.parse(datas.jsons) ;
for (var i = 0; i < s.length; i++) {
var se = s[i].se;
var re = s[i].re;
var ce = s[i].ce;
var st = s[i].st;
var rt = s[i].rt;
var ct = s[i].ct;
$("#labadd").append(
`<tr style="margin-top: 10px">
<td><input class="se" type="number" style="text-align: center;border: aliceblue;" value="`+se+`" placeholder="se"/></td>
<td><input class="re" type="number" style="text-align: center;border: aliceblue;" value="`+re+`" placeholder="re"/></td>
<td><input class="ce" type="number" style="text-align: center;border: aliceblue;" value="`+ce+`" placeholder="ce"/></td>
<td><input class="st" type="number" style="text-align: center;border: aliceblue;" value="`+st+`" placeholder="st"/></td>
<td><input class="rt" type="number" style="text-align: center;border: aliceblue;" value="`+rt+`" placeholder="rt"/></td>
<td><input class="ct" type="number" style="text-align: center;border: aliceblue;" value="`+ct+`" placeholder="ct"/></td>
</tr>`
);
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
this.$confirm('是否确认删除名称为"' + row.name + '"的规则?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return delRuleManagement(row.id);
}).then(() => {
this.getList();
this.msgSuccess("删除成功");
})
},
/** 提交按钮 */
submitForm: function() {
var ss= this.form.name;
if("" == ss || "undefined" == ss || ss == null || ss == "null" || ss == undefined){
this.msgSuccess("请输入规则名称");
return
}
//获取表格数据转json赋值给form
debugger
var arraylist = new Array();
var trs = $('#labadd').find("tr");
for (var i = 0;i<trs.length;i++){
var tds = trs[i].children;
var slist = {"se":"","re":"","ce":"","st":"","rt":"","ct":"",};
for (var j = 0;j<tds.length;j++){
var val = tds[j].children[0].value;
var cn = tds[j].children[0].className;
if("se" == cn){
if("" == val || "undefined" == val || val == null || val == "null" || val == undefined){
this.msgSuccess("请输入se的规则");
return
}
slist.se= val;
}
else if ("re" == cn){
if("" == val || "undefined" == val || val == null || val == "null" || val == undefined){
this.msgSuccess("请输入re的规则");
return
}
slist.re = val;
}
else if ("ce" == cn){
if("" == val || "undefined" == val || val == null || val == "null" || val == undefined){
this.msgSuccess("请输入ce的规则");
return
}
slist.ce = val;
}
else if ("st" == cn){
if("" == val || "undefined" == val || val == null || val == "null" || val == undefined){
this.msgSuccess("请输入st的规则");
return
}
slist.st = val;
}
else if ("rt" == cn){
if("" == val || "undefined" == val || val == null || val == "null" || val == undefined){
this.msgSuccess("请输入rt的规则");
return
}
slist.rt = val;
}
else if ("ct" == cn){
if("" == val || "undefined" == val || val == null || val == "null" || val == undefined){
this.msgSuccess("请输入ct的规则");
return
}
slist.ct = val;
}else {
return
}
}
arraylist.push(slist);
}
var jsona= JSON.stringify(arraylist);
this.form.jsons=jsona;
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.deptId != undefined) {
if (this.form.id != undefined) {
updateRuleManagement(this.form).then(response => {
this.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addRuleManagement(this.form).then(response => {
this.msgSuccess("新增成功");
this.open = false;
......@@ -200,18 +342,18 @@
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
this.$confirm('是否确认删除名称为"' + row.deptName + '"的数据项?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return delRuleManagement(row.id);
}).then(() => {
this.getList();
this.msgSuccess("删除成功");
})
lableAdd(){
$("#labadd").append(
`<tr style="margin-top: 10px">
<td><input class="se" type="number" style="text-align: center;border: aliceblue;" value="" placeholder="se"/></td>
<td><input class="re" type="number" style="text-align: center;border: aliceblue;" value="" placeholder="re"/></td>
<td><input class="ce" type="number" style="text-align: center;border: aliceblue;" value="" placeholder="ce"/></td>
<td><input class="st" type="number" style="text-align: center;border: aliceblue;" value="" placeholder="st"/></td>
<td><input class="rt" type="number" style="text-align: center;border: aliceblue;" value="" placeholder="rt"/></td>
<td><input class="ct" type="number" style="text-align: center;border: aliceblue;" value="" placeholder="ct"/></td>
</tr>`
);
}
}
};
......
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