|
|
@@ -73,7 +73,17 @@
|
|
|
<el-input style="width: 300px" v-model="dataForm.dictLabel"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="字典键值" prop="dictValue">
|
|
|
- <el-input style="width: 300px" v-model="dataForm.dictValue"></el-input>
|
|
|
+ <el-upload v-if="dataForm.dictType === 'index_lbt'"
|
|
|
+ :limit="1" :action="fileImgUrl"
|
|
|
+ list-type="picture-card"
|
|
|
+ :file-list="dataForm.images"
|
|
|
+ :on-success="handleGallerySucess"
|
|
|
+ :on-exceed="handleExceed"
|
|
|
+ :before-upload="uploadBannerImg"
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <el-input v-else style="width: 300px" v-model="dataForm.dictValue"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="显示排序" prop="dictSort">
|
|
|
<el-input-number
|
|
|
@@ -91,8 +101,8 @@
|
|
|
<el-form-item label="备注">
|
|
|
<el-input type="textarea" :rows="2" style="width: 300px" v-model="dataForm.remark"></el-input>
|
|
|
</el-form-item>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
<el-button @click="dialogFormVisible = false">取消</el-button>
|
|
|
@@ -103,7 +113,7 @@
|
|
|
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
+
|
|
|
<style>
|
|
|
.demo-table-expand {
|
|
|
font-size: 0;
|
|
|
@@ -119,7 +129,7 @@
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
</style>
|
|
|
-
|
|
|
+
|
|
|
<script>
|
|
|
import { dataList, dataAdd, dataEdit, dataRemove, optionSelect } from "@/api/dictManage";
|
|
|
import waves from "@/directive/waves"; // 水波纹指令
|
|
|
@@ -158,7 +168,8 @@ export default {
|
|
|
dataForm: {
|
|
|
dictType: undefined,
|
|
|
dictLabel: undefined,
|
|
|
- dictValue: undefined,
|
|
|
+ dictValue: '',
|
|
|
+ images: [],
|
|
|
dictSort: undefined,
|
|
|
status: '0',
|
|
|
remark: undefined,
|
|
|
@@ -174,7 +185,9 @@ export default {
|
|
|
dictLabel: [{ required: true, message: "字典标签不能为空", trigger: "blur" }],
|
|
|
dictValue: [{ required: true, message: "字典键值不能为空", trigger: "blur" }],
|
|
|
dictSort: [{ required: true, message: "显示排序不能为空", trigger: "blur" }],
|
|
|
+
|
|
|
},
|
|
|
+ fileImgUrl: this.upLoadUrl,
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
@@ -182,6 +195,7 @@ export default {
|
|
|
this.getOptionSelect();
|
|
|
},
|
|
|
methods: {
|
|
|
+
|
|
|
changeDictType(val){
|
|
|
this.dictType = val;
|
|
|
this.listQuery.dictType = val;
|
|
|
@@ -198,7 +212,8 @@ export default {
|
|
|
this.dataForm = {
|
|
|
dictType: undefined,
|
|
|
dictLabel: undefined,
|
|
|
- dictValue: undefined,
|
|
|
+ dictValue: '',
|
|
|
+ images: [],
|
|
|
dictSort: undefined,
|
|
|
status: '0',
|
|
|
remark: undefined,
|
|
|
@@ -262,6 +277,20 @@ export default {
|
|
|
|
|
|
handleUpdate(row) {
|
|
|
this.dataForm = Object.assign({}, row);
|
|
|
+ if (this.dataForm.dictValue) {
|
|
|
+ let images = this.dataForm.dictValue.split(",");
|
|
|
+ this.dataForm.images = [];
|
|
|
+ for (let i in images) {
|
|
|
+ let url = images[i];
|
|
|
+ let name = "image_" + i;
|
|
|
+
|
|
|
+ this.dataForm.images.push({
|
|
|
+ name: name,
|
|
|
+ url: url,
|
|
|
+ response: { error: "0", data: { url: url } },
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
this.dialogStatus = 'update'
|
|
|
this.dialogFormVisible = true
|
|
|
this.$nextTick(() => {
|
|
|
@@ -347,6 +376,44 @@ export default {
|
|
|
handleSelectionChange(val) {
|
|
|
this.multipleSelection = val;
|
|
|
},
|
|
|
+ uploadBannerImg(file) {
|
|
|
+ const isJPGs = file.type === "image/jpeg";
|
|
|
+ console.log(isJPGs);
|
|
|
+ },
|
|
|
+ handleExceed(files, fileList) {
|
|
|
+ this.$message.warning(
|
|
|
+ `当前限制选择 1 个文件,本次选择了 ${files.length} 个文件!,共选择了 ${files.length + fileList.length
|
|
|
+ } 个文件`
|
|
|
+ );
|
|
|
+ },
|
|
|
+ handleGallerySucess(res, file, fileList) {
|
|
|
+ this.dataForm.dictValue = ""; // 清空画廊图片数组
|
|
|
+
|
|
|
+ let images = [];
|
|
|
+ for (let i in fileList) {
|
|
|
+ let response = fileList[i].response;
|
|
|
+ if (response.errno && response.errno != "0") {
|
|
|
+ this.$message.error("该图片上传失败,已被移除,请重新上传!");
|
|
|
+ // 上传失败移除该 file 对象
|
|
|
+ fileList.splice(i, 1);
|
|
|
+ } else {
|
|
|
+ let url = response.data.url;
|
|
|
+ images.push(url);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ this.dataForm.dictValue = images.join(",");
|
|
|
+ },
|
|
|
+ handleRemove(file, fileList) {
|
|
|
+ console.log(file, fileList);
|
|
|
+ let images = [];
|
|
|
+ for (let i in fileList) {
|
|
|
+ let response = fileList[i].response;
|
|
|
+ let url = response.data.url;
|
|
|
+ images.push(url);
|
|
|
+ this.dataForm.dictValue = images.join(",");
|
|
|
+ }
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -376,4 +443,3 @@ export default {
|
|
|
display: block;
|
|
|
}
|
|
|
</style>
|
|
|
-
|