123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184 |
- <style scoped>
- .user-panel {
- margin: 10px auto;
- }
- </style>
- <template>
- <el-dialog
- :visible.sync="showDialog"
- :title="modalTitle"
- :modal-append-to-body="false"
- style="text-align:left;"
- @close="closeDialog"
- >
- <div class="user-panel" v-loading="loading">
- <el-form ref="form" :model="formModel" :rules="ruleValidate" :label-width="'100px'">
- <el-form-item label="名称" prop="name">
- <el-input v-model="formModel.name" placeholder="请输入名称" style="width:300px"></el-input>
- </el-form-item>
- <el-form-item label="数值" prop="value">
- <el-input v-model="formModel.value" placeholder="请输入数值" style="width:300px"></el-input>
- </el-form-item>
- <el-form-item label="显示序号" prop="sortNo">
- <el-input v-model="formModel.sortNo" placeholder="请输入显示序号" style="width:300px"></el-input>
- </el-form-item>
- <el-form-item label="所属目录" prop="parentId">
- <el-select
- v-model="formModel.parentId"
- filterable
- remote
- placeholder="请输入关键词"
- :remote-method="queryMenu"
- style="width:300px"
- >
- <template v-if="formModel.parentId!=null">
- <el-option
- :key="formModel.parentId"
- :label="formModel.parentName"
- :value="formModel.parentId"
- ></el-option>
- </template>
- <el-option
- v-for="dataDictionary in dataDictionaryListFilter"
- :key="dataDictionary.id"
- :label="dataDictionary.name"
- :value="dataDictionary.id"
- ></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="字典类型" prop="dataType">
- <el-select v-model="formModel.dataType">
- <el-option label="字典目录" value="1"></el-option>
- <el-option label="数据" value="2"></el-option>
- </el-select>
- </el-form-item>
- </el-form>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="closeDialog">取 消</el-button>
- <el-button type="primary" @click="handleSubmit" :loading="submitting">确 定</el-button>
- </span>
- </el-dialog>
- </template>
- <script>
- import Constant from "@/constant";
- import dataDictionaryApi from "@/api/sys/dataDictionary";
- export default {
- props: ["dictId", "modalTitle"],
- data() {
- return {
- formModel: {},
- ruleValidate: {
- name: [{ required: true, message: "名称不能为空", trigger: "blur" }],
- value: [{ required: true, message: "数值不能为空", trigger: "blur" }],
- sortNo: [
- { required: true, message: "显示序号不能为空", trigger: "blur" }
- ],
- parentId: [
- { required: true, message: "所属目录不能为空", trigger: "blur" }
- ],
- dataType: [
- {
- required: true,
- message: "1-字典目录,2-数据不能为空",
- trigger: "blur"
- }
- ]
- },
- dataDictionaryList: [],
- showDialog: true,
- loading: false,
- submitting: false
- };
- },
- computed: {
- dataDictionaryListFilter() {
- var self = this;
- return self.dataDictionaryList.filter(dataDictionary => {
- return self.formModel.parentId != dataDictionary.id;
- });
- }
- },
- methods: {
- closeDialog() {
- this.$emit("close", false);
- },
- handleSubmit() {
- var self = this;
- this.$refs["form"].validate(valid => {
- if (valid) {
- (function() {
- var id = self.formModel.id;
- alert(self.formModel.parentId);
- if (id == null || id.length == 0) {
- return dataDictionaryApi.add(self.formModel);
- } else {
- return dataDictionaryApi.update(self.formModel);
- }
- })().then(function(response) {
- var jsonData = response.data;
- if (jsonData.result) {
- self.$message({
- message: "保存成功!",
- type: "success"
- });
- self.$emit("close", true);
- } else {
- self.$message({
- message: jsonData.message + "",
- type: "warning"
- });
- self.$emit("close", false);
- }
- });
- }
- });
- },
- queryMenu(keywords) {
- var formData = new FormData();
- formData.append("keywords", keywords);
- formData.append("dataType", "1");
- formData.append("excludeId", this.formModel.id);
- formData.append("limit", 10);
- return dataDictionaryApi.query(formData).then(response => {
- var jsonData = response.data;
- if (jsonData.result) {
- this.dataDictionaryList = jsonData.data;
- } else {
- this.$message.error(jsonData.message + "");
- }
- });
- }
- },
- mounted: function() {
- var self = this;
- self.loading = true;
- (function() {
- if (self.dictId.length == 0) {
- return dataDictionaryApi.create();
- } else {
- return dataDictionaryApi.edit(self.dictId);
- }
- })()
- .then(response => {
- var jsonData = response.data;
- self.loading = false;
- if (jsonData.result) {
- self.formModel = jsonData.data;
- } else {
- self.$message.error(jsonData.message + "");
- }
- })
- .catch(error => {
- self.$message.error(error + "");
- });
- }
- };
- </script>
|