Skip to content

F
founder_vue
Commit 6d0d3e34 by 西瓜
Options

通知公告

parent 68ddd49e
Showing with 386 additions and 378 deletions
src/components/dwcx/form_components.vue
......@@ -2,9 +2,9 @@
<div class="formWrap">
<div>
<span class="flTtitle">查询条件</span>
<span class="pageGuide">页面引导</span>
<!-- <span class="pageGuide">页面引导</span>
<span class="settingField"
@click="centerDialogVisible = true"><i class="iconfont icontiaojie"></i>配置查询条件</span>
@click="centerDialogVisible = true"><i class="iconfont icontiaojie"></i>配置查询条件</span> -->
</div>
<el-form label-position="right"
label-width="140px"
......
src/router/modules/index.js
......@@ -43,10 +43,10 @@ export default [
path: '/tzggXzz',
name: 'tzggXzz',
meta: {
title: '案件档案',
title: '通知公告',
auth: 5
},
component: () => import('@/views/asjxq/tzggXz.vue')
component: () => import('@/views/magl/tzggXz.vue')
},
{
path: '/asjJaDetail',
......
src/views/magl/sjl.vue
......@@ -178,6 +178,12 @@ export default {
},
getList() {
let self = this;
const loading = this.$loading({
lock: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
let data = { asjbh: self.asjbh };
self
.requestPost(JSON.stringify(data), "/tbstAsj/stasj/getSjlByasjbh")
......@@ -210,6 +216,7 @@ export default {
self.$set(item, "type", "primary");
}
});
loading.close();
}
});
},
......
src/views/magl/tzgg.vue
......@@ -878,50 +878,50 @@ export default {
})
},
edit (item) {
// let routeData = this.$router.resolve({
// path: '/tzggXzz',
// // query: { xxzjbh: item.xxzjbh }
// })
// window.open(routeData.href, '_blank')
let self = this
self.dialogFormVisible = true
self.title = '修改通告'
self.formData2.tgnr = ''
// 回显
self.requestPost(JSON.stringify({ xxzjbh: item.xxzjbh }), '/tztg/getTztgByzjbh').then(response => {
if (response.data.success === true) {
self.formData2.tgbt = response.data.data.tztg.tgbt
self.formData2.tgnr = response.data.data.tztg.tgnr
self.formData2.fbr = response.data.data.tztg.fbr
self.formData2.xxzjbh = response.data.data.tztg.xxzjbh
self.formData2.sffbPdbz = response.data.data.tztg.sffbPdbz
setTimeout(function () {
self.formData2.fbdw = response.data.data.tztg.fbdw
}, 1000)
} else {
self.$message({
type: 'error',
message: response.data.message
})
}
let routeData = this.$router.resolve({
path: '/tzggXzz',
query: { xxzjbh: item.xxzjbh }
})
window.open(routeData.href, '_blank')
// let self = this
// self.dialogFormVisible = true
// self.title = '修改通告'
// self.formData2.tgnr = ''
// // 回显
// self.requestPost(JSON.stringify({ xxzjbh: item.xxzjbh }), '/tztg/getTztgByzjbh').then(response => {
// if (response.data.success === true) {
// self.formData2.tgbt = response.data.data.tztg.tgbt
// self.formData2.tgnr = response.data.data.tztg.tgnr
// self.formData2.fbr = response.data.data.tztg.fbr
// self.formData2.xxzjbh = response.data.data.tztg.xxzjbh
// self.formData2.sffbPdbz = response.data.data.tztg.sffbPdbz
// setTimeout(function () {
// self.formData2.fbdw = response.data.data.tztg.fbdw
// }, 1000)
// } else {
// self.$message({
// type: 'error',
// message: response.data.message
// })
// }
// })
},
remove (index) {
this.tableData.splice(index, 1)
},
add () {
// let routeData = this.$router.resolve({
// path: '/tzggXzz',
// })
// window.open(routeData.href, '_blank')
let self = this
self.dialogFormVisible = true
self.title = '发布通告'
self.formData2.fbr = JSON.parse(sessionStorage.getItem('userInfo')).userName
setTimeout(function () {
self.formData2.fbdw = sessionStorage.getItem('unitcode')
}, 1000)
let routeData = this.$router.resolve({
path: '/tzggXzz',
})
window.open(routeData.href, '_blank')
// let self = this
// self.dialogFormVisible = true
// self.title = '发布通告'
// self.formData2.fbr = JSON.parse(sessionStorage.getItem('userInfo')).userName
// setTimeout(function () {
// self.formData2.fbdw = sessionStorage.getItem('unitcode')
// }, 1000)
},
toXq (asjbh) {
......
src/views/asjxq/tzggXz.vue → src/views/magl/tzggXz.vue
<template>
<div class="Content paneDiv paneDiv2 dia_box"
id="tzgg">
<div class="header"><img src="../../assets/img/jh.png"
style="margin-right:16px">
案件档案
</div>
<div>
<el-form label-position="right"
<div class="Content paneDiv paneDiv2 dia_box" id="tzgg">
<list-header headerTitle="通知公告" ref="header"></list-header>
<div class="ggContents">
<el-form
label-position="right"
label-width="100px"
ref="DialogForm"
:model="formData2"
:rules="rules">
<el-form-item :label="item.name + ':'"
:rules="rules"
>
<el-form-item
:label="item.name + ':'"
v-for="item in propQueryField2"
:key="item.id"
:prop="item.id"
v-show="!item.hidden"
:class="'demo-input-suffix zdycol' + item.col">
:class="'demo-input-suffix zdycol' + item.col"
>
<!--输入框-->
<el-input clearable
<el-input
clearable
:placeholder="item.placeholder"
v-model="formData2[item.id]"
:disabled="item.disable"
v-if="item.type == 'text'">
v-if="item.type == 'text'"
>
</el-input>
<!--输入框-最大值与最小值-->
<div class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'zdyText'">
<el-input :placeholder="item.placeholder"
v-model="formData2[item.id]">
<div
class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'zdyText'"
>
<el-input
:placeholder="item.placeholder"
v-model="formData2[item.id]"
>
</el-input>
—
<el-input :placeholder="item.placeholder2"
<el-input
:placeholder="item.placeholder2"
v-model="formData2[item.id2]"
style="width:calc((100% - 150)/2)">
style="width: calc((100% - 150) / 2)"
>
</el-input>
</div>
<!--下拉框-->
<el-select v-model="formData2[item.id]"
<el-select
v-model="formData2[item.id]"
clearable
:disabled="item.disable"
:placeholder="item.placeholder"
v-else-if="item.type == 'select'">
<el-option v-for="item3 in item.selectData"
v-else-if="item.type == 'select'"
>
<el-option
v-for="item3 in item.selectData"
:key="item3.value"
:label="item3.name"
:value="item3.value">
:value="item3.value"
>
</el-option>
</el-select>
<el-input type="textarea"
<el-input
type="textarea"
resize="none"
style="min-height: 100px;max-height: 100px;"
style="min-height: 100px; max-height: 100px"
:placeholder="item.placeholder"
v-model="formData2[item.id]"
v-else-if="item.type == 'textarea'">
v-else-if="item.type == 'textarea'"
>
</el-input>
<!--文本域-->
<!--日期框 日期时间-->
<el-date-picker v-model="formData2[item.id]"
<el-date-picker
v-model="formData2[item.id]"
type="datetime"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
suffix-icon="el-icon-date"
value-format="yyyy-MM-dd HH:mm:ss"
v-else-if="item.type == 'datetime'">
v-else-if="item.type == 'datetime'"
>
</el-date-picker>
<!--日期框-->
<el-date-picker v-model="formData2[item.id]"
<el-date-picker
v-model="formData2[item.id]"
type="daterange"
align="right"
:picker-options="item.pickerOptions"
......@@ -79,9 +95,11 @@
value-format="yyyy-MM-dd"
end-placeholder="结束日期"
suffix-icon="el-icon-date"
v-else-if="item.type == 'date'">
v-else-if="item.type == 'date'"
>
</el-date-picker>
<el-date-picker v-model="formData2[item.id]"
<el-date-picker
v-model="formData2[item.id]"
type="datetimerange"
align="right"
:picker-options="item.pickerOptions"
......@@ -91,67 +109,73 @@
value-format="yyyy-MM-dd HH:mm:ss"
end-placeholder="结束日期"
prefix-icon="el-icon-date"
v-else-if="item.type == 'datetimerange'">
v-else-if="item.type == 'datetimerange'"
>
</el-date-picker>
<!--多选框-->
<div class="zdyInputW"
v-else-if="item.type == 'checkbox'">
<el-checkbox-group v-model="formData2[item.id]"
size="small">
<el-checkbox v-for="item2 in item.checkboxData"
<div class="zdyInputW" v-else-if="item.type == 'checkbox'">
<el-checkbox-group v-model="formData2[item.id]" size="small">
<el-checkbox
v-for="item2 in item.checkboxData"
:label="item2"
:key="item2">{{ item2 }}
:key="item2"
>{{ item2 }}
</el-checkbox>
</el-checkbox-group>
</div>
<!--单选框-->
<div class="zdyInputW"
v-else-if="item.type == 'radio'">
<el-radio-group v-model="formData2[item.id]"
size="small">
<el-radio :label="item2.val"
<div class="zdyInputW" v-else-if="item.type == 'radio'">
<el-radio-group v-model="formData2[item.id]" size="small">
<el-radio
:label="item2.val"
v-for="item2 in item.radioData"
:key="item2.val">{{ item2.label }}
:key="item2.val"
>{{ item2.label }}
</el-radio>
</el-radio-group>
</div>
<!--字典框 @emitValue="getLbValue"-->
<div class="zdyInputW"
v-else-if="item.type == 'code' || item.type == 'jlCode'">
<select-tree v-model="formData2[item.id]"
<div
class="zdyInputW"
v-else-if="item.type == 'code' || item.type == 'jlCode'"
>
<select-tree
v-model="formData2[item.id]"
:placeholder="'请选择' + item.name"
:options="item.codeOptions"
:sendId="item.id" />
:sendId="item.id"
/>
</div>
<!--字典弹框 @emitValue="getLbValue"-->
<div class="zdyInputW"
v-else-if="item.type == 'codeTreeDialog'">
<select-tree-dialog :placeholder="'请选择' + item.name"
<div class="zdyInputW" v-else-if="item.type == 'codeTreeDialog'">
<select-tree-dialog
:placeholder="'请选择' + item.name"
:sendId="item.id"
:formData="formData2"
:currentItem="item" />
:currentItem="item"
/>
</div>
<div class="zdyInputW"
v-else-if="item.type == 'lazyCodeTreeDialog'">
<lazy-select-tree-dialog :placeholder="'请选择' + item.name"
<div class="zdyInputW" v-else-if="item.type == 'lazyCodeTreeDialog'">
<lazy-select-tree-dialog
:placeholder="'请选择' + item.name"
:sendId="item.id"
v-model="formData2[item.id]"
:formData="formData2"
:currentItem="item" />
:currentItem="item"
/>
</div>
<div v-else-if="item.type == 'editor'">
<div id="toobar"
class="editorBar"></div>
<div id="editor"
class="editorContent">
</div>
<div id="toobar" class="editorBar"></div>
<div id="editor" class="editorContent"></div>
</div>
</el-form-item>
</el-form>
<div>
<el-button type="primary"
<el-button
type="primary"
@click="saveDialog"
style="margin-right: 17px !important;">发布
style="margin-right: 17px !important"
>发布
</el-button>
</div>
</div>
......@@ -159,77 +183,79 @@
</template>
<script>
import E from 'wangeditor'
import SelectTree from '@c/tree_components.vue'
import SelectTreeDialog from '@c/treeCode_components.vue'
import Http from '@/utils/axiosHttp.js'
import axios from 'axios'
import url from '@/api/base'
import { cxYchyData } from '@/utils/params'
import LazySelectTreeDialog from '@c/lazy_treeCode_components.vue'
import E from "wangeditor";
import SelectTree from "@c/tree_components.vue";
import SelectTreeDialog from "@c/treeCode_components.vue";
import Http from "@/utils/axiosHttp.js";
import listHeader from "@c/header_components.vue";
import axios from "axios";
import url from "@/api/base";
import { cxYchyData } from "@/utils/params";
import LazySelectTreeDialog from "@c/lazy_treeCode_components.vue";
export default {
name: 'tzgg',
name: "tzgg",
components: {
SelectTree,
SelectTreeDialog,
LazySelectTreeDialog
LazySelectTreeDialog,
listHeader,
},
props: {
pageBs: String,
cxQueryField: {
type: Array,
default: () => []
default: () => [],
},
cxDefaultFormThead: {
type: Array,
default: () => []
default: () => [],
},
cxFormData: Object,
cxUrl: String,
header: String,
pageFlag: String
pageFlag: String,
},
data () {
data() {
return {
// editorContent: '',
editor: null,
title: '',
title: "",
rules: {
tgbt: [{ required: true, message: '请输入', trigger: 'change' }],
tgnr: [{ required: true, message: '请输入', trigger: 'change' }],
fbdw: [{ required: true, message: '请输入', trigger: 'change' }],
fbr: [{ required: true, message: '请输入', trigger: 'change' }],
sffbPdbz: [{ required: true, message: '请选择', trigger: 'change' }]
tgbt: [{ required: true, message: "请输入", trigger: "change" }],
tgnr: [{ required: true, message: "请输入", trigger: "change" }],
fbdw: [{ required: true, message: "请输入", trigger: "change" }],
fbr: [{ required: true, message: "请输入", trigger: "change" }],
sffbPdbz: [{ required: true, message: "请选择", trigger: "change" }],
},
propQueryField2: [
{
name: '标题',
id: 'tgbt',
type: 'text',
value: '',
placeholder: '',
col: '22'
name: "标题",
id: "tgbt",
type: "text",
value: "",
placeholder: "",
col: "22",
},
{
name: '通告内容',
id: 'tgnr',
name: "通告内容",
id: "tgnr",
// type: 'textarea',
type: 'editor',
value: '',
placeholder: '',
col: '23'
type: "editor",
value: "",
placeholder: "",
col: "23",
},
{
name: '发布单位:',
id: 'fbdw',
type: 'lazyCodeTreeDialog',
value: '',
placeholder: '请选择单位',
name: "发布单位:",
id: "fbdw",
type: "lazyCodeTreeDialog",
value: "",
placeholder: "请选择单位",
disable: true,
codeTree: 'CODE_QGUNIT',
codeTree: "CODE_QGUNIT",
codeOptions: [],
col: '22'
col: "22",
},
/*name: '发布单位',
id: 'fbdw',
......@@ -244,35 +270,35 @@ export default {
}
],*/
{
name: '发布人',
id: 'fbr',
type: 'text',
value: '',
placeholder: '',
name: "发布人",
id: "fbr",
type: "text",
value: "",
placeholder: "",
disable: true,
col: '22'
col: "22",
},
{
name: '是否发布',
id: 'sffbPdbz',
type: 'radio',
value: '',
placeholder: '',
name: "是否发布",
id: "sffbPdbz",
type: "radio",
value: "",
placeholder: "",
radioData: [
{ label: '是', val: '1' },
{ label: '否', val: '0' }
{ label: "是", val: "1" },
{ label: "否", val: "0" },
],
col: '22'
}
col: "22",
},
],
formData2: {
tgbt: '',
tgnr: '',
fbdw: '',
fbr: JSON.parse(sessionStorage.getItem('userInfo')).userName,
sffbPdbz: ''
tgbt: "",
tgnr: "",
fbdw: "",
fbr: JSON.parse(sessionStorage.getItem("userInfo")).userName,
sffbPdbz: "",
},
formLabelWidth: '100px',
formLabelWidth: "100px",
form: {},
dialogFormVisible: false,
ychyData: cxYchyData,
......@@ -288,158 +314,190 @@ export default {
tableData: [], //表格数据
propdefaultFormThead: this.cxDefaultFormThead, //表格表头
excelHeader: this.header,
cz: this.pageFlag
}
cz: this.pageFlag,
};
},
created() {
this.eldialingShow()
if (this.$route.query.xxzjbh) {
this.edit();
}
},
mounted() {
this.eldialingShow();
},
methods: {
// 弹出框显现后的回调
eldialingShow () {
let self = this
self.editor = null
const item = document.querySelector('#editor')
document.getElementById('editor').removeAttribute('data-we-id')
document.getElementById('toobar').removeAttribute('data-we-id')
const item2 = document.querySelector('#toobar')
eldialingShow() {
let self = this;
self.editor = null;
const item = document.querySelector("#editor");
debugger;
document.getElementById("editor").removeAttribute("data-we-id");
document.getElementById("toobar").removeAttribute("data-we-id");
const item2 = document.querySelector("#toobar");
if (item.children) {
const button = item.children
const button = item.children;
for (let i = button.length - 1; i >= 0; i--) {
item.removeChild(button[i])
item.removeChild(button[i]);
}
}
if (item2.children) {
const button = item2.children
const button = item2.children;
for (let i = button.length - 1; i >= 0; i--) {
item2.removeChild(button[i])
item2.removeChild(button[i]);
}
}
self.$nextTick(function () {
self.editor = new E('#toobar', '#editor')
self.editor = new E("#toobar", "#editor");
self.editor.config.onchange = function (html) {
self.formData2.tgnr = html
}
self.editor.create()
self.formData2.tgnr = html;
};
self.editor.create();
setTimeout(function () {
self.editor.txt.html(self.formData2.tgnr)
}, 500)
})
self.editor.txt.html(self.formData2.tgnr);
}, 500);
});
},
// 清除数据
closeDialog () {
closeDialog() {
for (let i in this.formData2) {
this.formData2[i] = ''
this.formData2[i] = "";
}
this.editor.txt.clear()
this.dialogFormVisible = false
this.editor.txt.clear();
this.dialogFormVisible = false;
},
saveDialog () {
let self = this
self.$refs['DialogForm'].validate(valid => {
saveDialog() {
const loading = this.$loading({
lock: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
let self = this;
self.$refs["DialogForm"].validate((valid) => {
if (valid) {
if (self.title == '发布通告') {
if (self.title == "发布通告") {
// let form = new FormData()
// Object.keys(self.formData2).forEach((key) => {
// form.append(key, self.formData2[key])
// })
self.requestPost(JSON.stringify(self.formData2), '/tztg/addTztg').then(response => {
self
.requestPost(JSON.stringify(self.formData2), "/tztg/addTztg")
.then((response) => {
if (response.data.success === true) {
self.$message('发布成功')
self.closeDialog()
self.doQuery('yes')
self.$message("发布成功");
// self.closeDialog();
// self.doQuery("yes");
loading.close();
} else {
self.$message({
type: 'error',
message: response.data.message
})
type: "error",
message: response.data.message,
});
loading.close();
}
})
});
} else {
// 修改
// let form = new FormData()
// Object.keys(self.formData2).forEach((key) => {
// form.append(key, self.formData2[key])
// })
self.requestPost(JSON.stringify(self.formData2), '/tztg/updateTztg').then(response => {
self
.requestPost(JSON.stringify(self.formData2), "/tztg/updateTztg")
.then((response) => {
if (response.data.success === true) {
self.$message('修改成功')
self.closeDialog()
self.doQuery('yes')
self.$message("修改成功");
// self.closeDialog();
// self.doQuery("yes");
loading.close();
} else {
self.$message({
type: 'error',
message: response.data.message
})
type: "error",
message: response.data.message,
});
loading.close();
}
})
});
}
} else {
self.$message({
type: 'error',
message: '请输入必填项'
})
return false
type: "error",
message: "请输入必填项",
});
return false;
}
})
});
},
edit () {
debugger
let self = this
edit() {
const loading = this.$loading({
lock: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
debugger;
let self = this;
// self.dialogFormVisible = true
// self.title = '修改通告'
self.formData2.tgnr = ''
self.formData2.tgnr = "";
// 回显
self.requestPost(JSON.stringify({ xxzjbh: self.$route.query.xxzjbh }), '/tztg/getTztgByzjbh').then(response => {
self
.requestPost(
JSON.stringify({ xxzjbh: self.$route.query.xxzjbh }),
"/tztg/getTztgByzjbh"
)
.then((response) => {
if (response.data.success === true) {
self.formData2.tgbt = response.data.data.tztg.tgbt
self.formData2.tgnr = response.data.data.tztg.tgnr
self.formData2.fbr = response.data.data.tztg.fbr
self.formData2.xxzjbh = response.data.data.tztg.xxzjbh
self.formData2.sffbPdbz = response.data.data.tztg.sffbPdbz
self.formData2.tgbt = response.data.data.tztg.tgbt;
self.formData2.tgnr = response.data.data.tztg.tgnr;
self.formData2.fbr = response.data.data.tztg.fbr;
self.formData2.xxzjbh = response.data.data.tztg.xxzjbh;
self.formData2.sffbPdbz = response.data.data.tztg.sffbPdbz;
setTimeout(function () {
self.formData2.fbdw = response.data.data.tztg.fbdw
}, 1000)
self.formData2.fbdw = response.data.data.tztg.fbdw;
}, 1000);
loading.close();
} else {
self.$message({
type: 'error',
message: response.data.message
})
type: "error",
message: response.data.message,
});
loading.close();
}
})
});
},
remove (index) {
this.tableData.splice(index, 1)
remove(index) {
this.tableData.splice(index, 1);
},
ychyLink (id, asjbh) {
if (id == 'ajxq') {
ychyLink(id, asjbh) {
if (id == "ajxq") {
let routeData = this.$router.resolve({
path: '/asjDetail',
query: { asjbh: asjbh }
})
window.open(routeData.href, '_blank')
path: "/asjDetail",
query: { asjbh: asjbh },
});
window.open(routeData.href, "_blank");
}
},
toXg (item) {
toXg(item) {
let routeData = this.$router.resolve({
path: '/malamodify',
query: { asjbh: item.asjbh }
})
window.open(routeData.href, '_blank')
path: "/malamodify",
query: { asjbh: item.asjbh },
});
window.open(routeData.href, "_blank");
},
toZczjBccj (item) {
toZczjBccj(item) {
let routeData = this.$router.resolve({
path: '/zczjsx',
query: { asjbh: item.asjbh }
})
window.open(routeData.href, '_blank')
path: "/zczjsx",
query: { asjbh: item.asjbh },
});
window.open(routeData.href, "_blank");
},
toCjcxsq () {
toCjcxsq() {
let routeData = this.$router.resolve({
path: '/caseInfoApply'
})
window.open(routeData.href, '_blank')
path: "/caseInfoApply",
});
window.open(routeData.href, "_blank");
},
/* toXq(asjbh) {
let routeData = this.$router.resolve({
......@@ -448,111 +506,77 @@ export default {
});
window.open(routeData.href, "_blank");
},*/
toXqBj (item, spType) {
toXqBj(item, spType) {
let routeData = this.$router.resolve({
path: '/asjDetail',
query: { asjbh: item.asjbh, spType: spType }
})
window.open(routeData.href, '_blank')
path: "/asjDetail",
query: { asjbh: item.asjbh, spType: spType },
});
window.open(routeData.href, "_blank");
},
toLasxxg (asjbh) {
toLasxxg(asjbh) {
let routeData = this.$router.resolve({
path: '/malasxmodify',
query: { asjbh: asjbh }
})
window.open(routeData.href, '_blank')
path: "/malasxmodify",
query: { asjbh: asjbh },
});
window.open(routeData.href, "_blank");
},
enter (obj, path) {
enter(obj, path) {
this.$router.push({
name: path,
params: obj
})
params: obj,
});
},
closeLoading () {
this.tableLoading = false
closeLoading() {
this.tableLoading = false;
},
showLoading () {
this.tableLoading = true
showLoading() {
this.tableLoading = true;
},
clearData () {
let self = this
clearData() {
let self = this;
for (let i in self.formData) {
if (
i != 'rows' ||
i != 'page' ||
i != 'typeFlag' ||
i != 'unitcode' ||
i != 'grade'
i != "rows" ||
i != "page" ||
i != "typeFlag" ||
i != "unitcode" ||
i != "grade"
) {
self.formData[i] = ''
self.formData[i] = "";
}
}
self.formData['rows'] = 10
self.formData['page'] = 1
},
formatJson (filterVal, jsonData) {
let arr = []
jsonData.map(v => {
let arr1 = []
filterVal.map(j => {
if (j.indexOf(',') != -1) {
let arr = j.split(',')
let data = ''
self.formData["rows"] = 10;
self.formData["page"] = 1;
},
formatJson(filterVal, jsonData) {
let arr = [];
jsonData.map((v) => {
let arr1 = [];
filterVal.map((j) => {
if (j.indexOf(",") != -1) {
let arr = j.split(",");
let data = "";
for (let i = 0; i <= arr.length - 1; i++) {
data += arr[i].split(':')[0] + ':' + v[arr[i].split(':')[1]]
data += arr[i].split(":")[0] + ":" + v[arr[i].split(":")[1]];
}
arr1.push(data)
arr1.push(data);
} else {
arr1.push(v[j])
}
})
arr.push(arr1)
})
return arr
},
export2Excel () {
/*导出*/
let self = this,
tHeader = [],
filterVal = []
if (self.tableDataLength > 5000) {
self.$message({
type: 'error',
message: '最多只能导出5000条'
})
} else {
const loading = this.$loading({
lock: true,
text: '正在导出...',
spinner: 'el-icon-loading',
background: 'rgba(255, 255, 255, 0.7)'
})
tHeader = []
filterVal = []
self.propdefaultFormThead.forEach(val => {
tHeader.push(val.label)
filterVal.push(val.prop)
})
require.ensure([], () => {
const {
export_json_to_excel
} = require('../../vendor/Export2Excel')
const list = self.tableData
const data = self.formatJson(filterVal, list)
export_json_to_excel(tHeader, data, self.excelHeader)
})
arr1.push(v[j]);
}
});
arr.push(arr1);
});
return arr;
},
requestPost (form, emitUrl) {
requestPost(form, emitUrl) {
return Http({
url: url.BaseURL + emitUrl,
data: JSON.parse(form),
method: 'post',
method: "post",
headers: {
'blade-auth': sessionStorage.getItem('token')
}
})
"blade-auth": sessionStorage.getItem("token"),
},
});
},
// requestPost1 (form, emitUrl) {
// return Http({
......@@ -565,54 +589,18 @@ export default {
// }
// })
// },
tableRowClassName ({ rowIndex }) {
tableRowClassName({ rowIndex }) {
if (rowIndex % 2 == 0) {
return ''
} else {
return 'success-row'
}
},
orderBy (column) {
console.log(column)
},
doQueryBtn () {
this.formData.page = 1
this.doQuery('yes')
},
doQuery (flag) {
let self = this
self.tableLoading = true
if (flag) {
self.requestPost(JSON.stringify(self.formData), '/tztg/getTztgList').then(response => {
if (response.data.success === true) {
self.tableLoading = false
self.tableData = response.data.data.rows
return "";
} else {
self.$message({
type: 'error',
message: response.data.message
})
self.tableLoading = false
}
})
return "success-row";
}
},
handleCurrentChange (val) {
this.currentPage1 = val
this.formData.page = val
this.doQuery('yes')
orderBy(column) {
console.log(column);
},
handleSizeChange (val) {
this.page_size = val
this.formData.rows = val
this.doQuery('yes')
}
},
mounted () {
let self = this
self.doQuery('yes')
}
}
};
</script>
<style lang="scss">
// @import url("../../assets/styles/iconfont.css");
......@@ -744,3 +732,16 @@ export default {
z-index: 10 !important;
}
</style>
<style scoped lang='scss'>
button.el-button.el-button--primary {
width: 123px;
}
.ggContents {
width: 1249px;
background: #fff;
border: 1px solid #d5d9e0;
border-radius: 2px;
margin: 73px auto;
padding: 50px;
}
</style>
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