Skip to content

S
sgaqgl-vue
Commit d8cb3b7f authored by 李苏's avatar 李苏 💬
Browse files
Options

1

parent 7268d226
Show whitespace changes
Inline Side-by-side
Showing with 804 additions and 917 deletions
src/api/daily/nros.js
View file @ d8cb3b7f
import request from 'common/src/utils/request' import request from 'common/src/utils/request'
/*query */ /* query */
export function doQuery(query) { export function doQuery(query) {
return request({ return request({
url: '/aqgl/rcgl/fcgzybz/query', url: '/aqgl/rcgl/fcgzybz/query',
method: 'post', method: 'post',
data: query||{} data: query||{}
}) })
} }
/*更新 */ /* 更新 */
export function doUpdate(query) { export function doUpdate(query) {
return request({ return request({
url: '/aqgl/rcgl/fcgzybz/update', url: '/aqgl/rcgl/fcgzybz/update',
method: 'post', method: 'post',
data: query||{} data: query||{}
}) })
} }
export function doAdd(query) { export function doAdd(query) {
return request({ return request({
url: '/aqgl/rcgl/fcgzybz/add', url: '/aqgl/rcgl/fcgzybz/add',
method: 'post', method: 'post',
data: query||{} data: query||{}
}) })
} }
export function doDelete(query) { export function doDelete(query) {
return request({ return request({
url: '/aqgl/rcgl/fcgzybz/delete', url: '/aqgl/rcgl/fcgzybz/delete',
method: 'post', method: 'post',
data: query||{} data: query||{}
}) })
} }
export function doQuerytree(query) {
return request({
url: '/aqgl/rcgl/fcgzybz/query/tree',
method: 'post',
data: query||{}
})
}
src/api/outsourcingDirector/declare.js 0 → 100644
View file @ d8cb3b7f
import request from 'common/src/utils/request'
/* query */
export function doQuery(query) {
return request({
url: '/aqgl/wxglzd/query',
method: 'post',
data: query||{}
})
}
/* 更新 */
export function doUpdate(query) {
return request({
url: '/aqgl/wxglzd/update',
method: 'post',
data: query||{}
})
}
export function doAdd(query) {
return request({
url: '/aqgl/wxglzd/add',
method: 'post',
data: query||{}
})
}
export function doDelete(query) {
return request({
url: '/aqgl/wxglzd/delete',
method: 'post',
data: query||{}
})
}
export function doQuerytree(query) {
return request({
url: '/aqgl/wxglzd/query/tree',
method: 'post',
data: query||{}
})
}
src/views/daily/nros/edit.vue deleted 100644 → 0
View file @ 7268d226
<template>
<RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
<!-- 填写表单内容，slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="作业活动" ref="zyhd" prop="zyhd">
<el-input :readonly="readonly" v-model="form.zyhd" ></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="事故后果" ref="sghg" prop="sghg">
<el-input :readonly="readonly" v-model="form.sghg" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="风险登记" ref="fxdj" prop="fxdj">
<el-input :readonly="readonly" v-model="form.fxdj" ></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="作业地点" ref="zydd" prop="zydd">
<el-input :readonly="readonly" v-model="form.zydd" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="排查岗位" ref="pcgwid" prop="pcgwid">
<RelSelect style="width: 100%;" src='/aqgl/jcsj/scgw/query' clearable :match="{value:'id',label:'name'}" v-model='form.pcgwid' ></RelSelect>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="风险类型" ref="fxlx" prop="fxlx">
<RelSelect style="width: 100%;" src='/aqgl/fxyk/shlx/query' clearable :match="{value:'id',label:'name'}" v-model='form.fxlx' ></RelSelect>
<!-- <el-input :readonly="readonly" v-model="form.fxlx" ></el-input> -->
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="危害因素" ref="whys" prop="whys">
<el-input type="textarea" rows="6" :readonly="readonly" v-model="form.whys" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="管控措施" ref="gkcs" prop="gkcs">
<el-input type="textarea" rows="6" :readonly="readonly" v-model="form.gkcs" ></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="备注" ref="bz" prop="bz">
<el-input :readonly="readonly" v-model="form.bz" ></el-input>
</el-form-item>
</el-col> -->
</el-row>
<!-- <el-row :gutter="20">
<el-col :span="12">
<el-form-item label="系统版本" ref="sysversion" prop="sysversion">
<el-input :readonly="readonly" v-model="form.sysversion" ></el-input>
</el-form-item>
</el-col>
</el-row> -->
</el-form>
</RelDialog>
</template>
<script>
import {editMixin} from 'common'
export default {
mixins: [editMixin],
/* 存放index页面传递的额外参数*/
mounted() {
},
/* 组件名称*/
name: "nrosEdit",
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
data() {
return {
/* 额外初始化，根据需求*/
systemType: [],
bmList: [],
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
form: {
//ID
id:'',
//作业活动
zyhd:'',
//事故后果
sghg:'',
//风险登记
fxdj:'',
//作业地点
zydd:'',
//排查岗位ID
pcgwid:'',
//危害因素
whys:'',
//管控措施
gkcs:'',
//备注
bz:'',
//维护人编码
whrid:'',
//维护人
whr:'',
//维护时间
whsj:new Date().getTime(),
//创建人编码
cjrid:'',
//创建人
cjr:'',
//创建时间
cjsj:new Date().getTime(),
//系统版本
sysversion:'',
},
/* form提交时的规则,具体规则参考官网*/
rules: {
roleid: [{
required: true,
trigger: 'blur'
}, ],
rolename: [{
required: true,
trigger: 'blur'
}, ]
}
}
},
methods: {
}
}
</script>
<style scoped lang="scss">
</style>
src/views/daily/nros/index.vue
View file @ d8cb3b7f
<template> <template>
<div class="min_full"> <div style="display: flex;">
<el-dialog
:fullscreen='true'
append-to-body
:visible.sync="show"
width="100%"
>
<div v-if="show" style="height: 85vh;width: 100%">
<iframe v-if="showType=='pdf'" :src="url" width="100%" height="100%" border="0"></iframe>
<img v-if="['gif','jpg','jpeg','png','bmp'].indexOf(showType)!=-1" :src="url" width="100%" height="100%" border="0" >
</div>
</el-dialog>
<div id='approvefileAdd' style="display: none;" >
<input @change='beginUpload' id='aqglfilesonadd' ref="upload" type="file" style="display: none;">
</div>
<div class="min_full" style="width: 200px;border-right: 0px;">
<TreeBase :dgtype='3' :app='this' @selected='selectedTree'></TreeBase>
</div>
<div class="min_full" style="overflow: auto;width: calc(100% - 200px)">
<div class="min_full" style="calc(60vh - 42px)">
<!-- 查询条件--> <!-- 查询条件-->
<!-- <div class="search" v-condition> <div class="search" v-condition>
<SearchButton :app='app'></SearchButton> <SearchButton :app='app'></SearchButton>
<el-row :gutter="20" class="search-row-1"> <el-row :gutter="20" class="search-row-1">
<el-col :span="12" class="search-col">
<el-col :span="6" class="search-col">
<div class="search-item"> <div class="search-item">
<span class="search-span">名称:</span> <span class="search-span">文档标题:</span>
<el-input v-model="queryParams.info"></el-input> <el-input v-model="queryParams.title"></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</div>--> </div>
<!-- 按钮操作--> <!-- 按钮操作-->
<el-row class="tool-bar"> <el-row class="tool-bar" >
<PrintButton :app="app"></PrintButton> <PrintButton :app='this'></PrintButton>
<ViewButton ref="view" :app="app"></ViewButton> <EditButton ref="add" :app='this'></EditButton>
<AddButton ref="add" :app="app"></AddButton> <!-- <ViewButton ref="view" :app='this'></ViewButton>
<CopyButton ref="copy" :app="app"></CopyButton>
<EditButton ref="edit" :app="app"></EditButton>
<!-- <AttachFileButton :app='app' ></AttachFileButton> -->
<FieldButton :app="app"></FieldButton>
<ExcelButton :app="app"></ExcelButton>
<!-- 额外按钮-->
<!-- 表头设置 -->
<!-- 权限--> <CopyButton ref="copy" :app='this'></CopyButton>
<FieldButton :app='this'></FieldButton>
<ExcelButton :app='this'></ExcelButton> -->
<!-- <AttachFileButton :app='this' ></AttachFileButton> -->
<el-button @click="upload" size='mini' type="primary">新增</el-button>
</el-row> </el-row>
<!-- 表格--> <!-- 表格-->
<div class="tablePagers"> <div class="tablePagers">
<TablePager <TablePager v-loading='isupLoad' @getData='getData' :ref="'TablePager'" :app='this' :query='query' @selectItem='selectItem'
@getData="getData" @getRow='getRow'>
:ref="'TablePager'" <template slot="tabCustom">
:app="app" <el-table-column label="附件操作" width="160" header-align="center" fixed="right" >
:query="query" <template slot-scope="scope">
@selectItem="selectItem" <div style="width: 100%;display: flex;">
@getRow="getRow" <el-button style="text-align: center;color: #3399ff;width: 33.3%;"
></TablePager> @click.native.prevent="preview(scope.row)" type="text" size="small">
<i class="el-icon-view"></i>预览
</el-button>
<el-button v-show="scope.row.fileType!='pdf'" style="text-align: center;color: #3399ff;width: 33.3%;"
@click.native.prevent="downLoad(scope.row)" type="text" size="small">
<i class="el-icon-download"></i>下载
</el-button>
<el-button style="text-align: center;color: #3399ff;width: 33.3%;"
@click.native.prevent="upload('update',scope.row)" type="text" size="small">
<i class="el-icon-upload2"></i>更新
</el-button>
</div>
</template>
</el-table-column>
</template>
</TablePager>
</div>
</div>
<!-- <MainIndex :vMain='this' ref="mainIndex" ></MainIndex>
<LessIndex :vMain='this' ref="lessIndex" ></LessIndex> -->
</div> </div>
</div> </div>
</template> </template>
<script> <script>
/* 引入需要的接口*/ import {
import { doQuery, doAdd, doUpdate, doDelete } from "@/api/daily/nros.js"; doQuerytree
/* edit页面*/ } from "@/api/daily/nros.js";
import Edit from "./edit"; import {
import { tableMixin } from "common"; autoAttach,
export default { autoAttachDownload,
mixins: [tableMixin], deleteAttachDownload,
name: "nros", uploadAttachDownload,
aqglUploadUpdate
} from "common/src/api/system/dmgSystem.js";
import {
doQuery,
doDelete,
doUpdate
} from "@/api/daily/nros.js";
import Edit from './lessEdit.vue'
import {tableMixin} from 'common'
// import MainIndex from './mainIndex.vue'
// import LessIndex from './lessIndex.vue'
/* 初始额外赋值*/ export default {
async mounted() { mixins: [tableMixin],
this.$refs["TablePager"].pageQuery(); name:'securityDocumentManagement',
components:{
// MainIndex,
// LessIndex,
Edit
}, },
data() { data() {
return { return{
/*需要的额外参数 */ show:false,
showDialog: false, isupLoad:false,
DialogName: "", treeTitle: '目录',
type: "", treeDefaultProps: {
DialogTitle: "", children: 'children',
/* 基础url*/ label: 'bmmc'
baseUrl: "/aqgl/rcgl/fcgzybz", },
// 额外
typeMap: [],
systemType: [],
baseUrl: 'aqgl/rcgl/fcgzybz',
/* 查询参数*/ /* 查询参数*/
queryParams: { queryParams: {
info: "" mlid:'',
title:'',
gsid:''
},
treeQueryParams:{
}, },
/* 表格标题对应参数*/ /* 表格标题对应参数*/
tableTitle: [ tableTitle: [
{ label: "作业活动", prop: "zyhd", fieldType: "ftString", width: 300 }, {prop: 'title', label: '文档名称', width: '340'},
{ label: "事故后果", prop: "sghg", fieldType: "ftString", width: 300 }, {prop: 'fileVersion', label: '版本', width: '60'},
{ label: "风险登记", prop: "fxdj", fieldType: "ftString", width: 100 }, {prop: 'createTime', label: '上传时间', fieldType: "ftDateTime"},
{ label: "作业地点", prop: "zydd", fieldType: "ftString", width: 300 }, {prop: 'updUserName', label: '上传人', width: "80"},
// {label: "排查岗位ID", prop: "pcgwid", fieldType: "ftString",width:192}, {prop: 'fileSize', label: '大小', width: '70',
{ formatter:function(a,b,bytes){
label: "排查岗位", if(!bytes){
prop: "pcgwName", return '未上传文件'
fieldType: "ftString", }
width: 192 if (bytes === 0) return '0 B';
}, var k = 1000, // or 1024
{ label: "危害因素", prop: "whys", fieldType: "ftString", width: 300 }, sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
{ label: "管控措施", prop: "gkcs", fieldType: "ftString", width: 300 }, i = Math.floor(Math.log(bytes) / Math.log(k));
{ label: "备注", prop: "bz", fieldType: "ftString", width: 300 },
{ label: "维护人", prop: "whr", fieldType: "ftString" }, return (bytes / Math.pow(k, i)).toPrecision(3) + ' ' + sizes[i];
{ label: "维护时间", prop: "whsj", fieldType: "ftDateTime" } }
}
] ]
}; }
},
methods:{
/* 预览 */
preview(row){
console.log(row)
this.showType=row.fileType
let canShow=['gif','jpg','jpeg','png','bmp','pdf'].indexOf(row.fileType)==-1
if(canShow){
this.$warning('该文件不支持预览，请直接下载')
return
}
autoAttachDownload({},'aqgl/rcgl/fcgzybz',row.fileId).then(res=>{
let blob = new Blob([res], {
type: 'application/'+row.fileType+';charset=UTF-8',
});
this.url=URL.createObjectURL(blob)
this.show=true
})
},
creatFile(){
/* 清除老节点 */
$('#fcgzybzfileAdd').find('input').remove()
let lineEl = document.createElement('input');
let $lineEl=$(lineEl)
$lineEl.attr('type','file')
$lineEl.attr('ref','upload')
$lineEl.attr('id','aqglfilesonadd')
$lineEl.hide()
$lineEl.change(()=>{
this.beginUpload()
})
// $lineEl
$('#fcgzybzfileAdd').append($lineEl)
},
beginUpload(){
this.isupLoad=true
let uploadDom=document.getElementById('aqglfilesonadd')
var filec = uploadDom.files[0];
var name = filec.name
var type = filec.type
let updateId=$(uploadDom).attr('inputId')
updateId&&$(uploadDom).attr('inputId',null)
if (filec) {
let formData = new FormData();
formData.append('file', filec)
formData.append('type', type)
formData.append('folder', '')
formData.append('name', name)
if(updateId){
formData.append('id', updateId)
this.creatFile()
aqglUploadUpdate(formData).then(res => {
if (res.success) {
this.$success('更新成功')
this.isupLoad=false
this.$refs['TablePager'].reLoad()
}
}).catch(e=>{
console.error(e)
this.isupLoad=false
})
return
}
formData.append('groupid', this.queryParams.gsid)
this.creatFile()
uploadAttachDownload(formData,'aqgl/rcgl/fcgzybz').then(res => {
if (res.success) {
this.$success('添加成功')
this.isupLoad=false
this.$refs['TablePager'].reLoad()
}
}).catch(e=>{
console.error(e)
this.isupLoad=false
})
}
},
upload(){
let $upload=$('#aqglfilesonadd')
arguments[0]=='update'&&$upload.attr('inputId',arguments[1].fileId)&&$upload.click()
if(arguments[0]=='update'){
return
}
else if (this.queryParams.gsid ){
$upload.click()
/* 上传*/
}else{
this.$warning('请选中公司操作操作');
}
},
down(data,type,title) {
let a = document.createElement('a');
a.download = title;
a.style.display = 'none';
let blob = new Blob([data], {
type: 'application/'+type+';charset=UTF-8',
});
a.href = URL.createObjectURL(blob);
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
},
downLoad(row){
let title=row.fileName
autoAttachDownload({},'aqgl/rcgl/fcgzybz',row.fileId).then(res=>{
this.down(res,row.type,title)
})
},
selectedTree(val){
if(val.type=='ML'){
this.queryParams.gsid=val.gsid
this.queryParams.mlid=val.id
}else{
this.queryParams.gsid=val.id
this.queryParams.mlid=''
}
this.$refs['TablePager'].pageQuery()
}, },
methods: {
/* 基础查询*/ /* 基础查询*/
query: doQuery, query: doQuery,
/* 基础增*/ apiDelete:doDelete,
apiAdd: doAdd, apiUpdate:doUpdate,
/* 基础更新*/ apiTreeQuery: doQuerytree,
apiUpdate: doUpdate, }
/* 删除操作*/
apiDelete: doDelete,
/* 初始化赋值操作*/
init() {}
},
components: {
Edit
} }
};
</script> </script>
<style scoped> <style>
</style> </style>
src/views/daily/nros/lessEdit.vue 0 → 100644
View file @ d8cb3b7f
<template>
<RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
<!-- 填写表单内容，slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="标题" ref="title" prop="title">
<el-input :readonly="readonly" v-model="form.title"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</RelDialog>
</template>
<script>
import {editMixin} from 'common'
export default {
mixins: [editMixin],
/* 存放index页面传递的额外参数*/
mounted() {
// this.form.mlid=this.app.queryParams.mlid
this.form.gsid=this.app.queryParams.gsid
},
/* 组件名称*/
name: 'appVersionEdit',
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
data() {
return {
/* 额外初始化，根据需求*/
systemType: [],
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
form: {
mlid:'',
gsid:'',
title: '',
sytk: '',
bz: "",
fbrq:new Date().getTime(),
ssrq:new Date().getTime(),
mlid:''
},
/* form提交时的规则,具体规则参考官网*/
rules: {
gsid: [{
required: true,
}, ],
}
}
},
methods: {
/* 重写方法，this.app来调用index页面定义的api*/
}
}
</script>
<style scoped lang="scss">
</style>
src/views/outsourcingDirector/approve/index.vue
View file @ d8cb3b7f
...@@ -91,10 +91,9 @@ ...@@ -91,10 +91,9 @@
aqglUploadUpdate aqglUploadUpdate
} from "common/src/api/system/dmgSystem.js"; } from "common/src/api/system/dmgSystem.js";
import { import {
doQueryDtl, doQuery,
doAddDtl, doDelete,
doUpdateDtl, doUpdate
doDeleteDtl
} from "@/api/outsourcingDirector/approve.js"; } from "@/api/outsourcingDirector/approve.js";
import Edit from './lessEdit.vue' import Edit from './lessEdit.vue'
import {tableMixin} from 'common' import {tableMixin} from 'common'
...@@ -113,15 +112,15 @@ ...@@ -113,15 +112,15 @@
return{ return{
show:false, show:false,
isupLoad:false, isupLoad:false,
treeTitle: '文档目录', treeTitle: '目录',
treeDefaultProps: { treeDefaultProps: {
children: 'children', children: 'children',
label: 'name' label: 'bmmc'
}, },
// 额外 // 额外
typeMap: [], typeMap: [],
systemType: [], systemType: [],
baseUrl: 'aqgl/jcsj/approve', baseUrl: 'aqgl/wxglxy',
/* 查询参数*/ /* 查询参数*/
queryParams: { queryParams: {
mlid:'', mlid:'',
...@@ -163,7 +162,7 @@ ...@@ -163,7 +162,7 @@
this.$warning('该文件不支持预览，请直接下载') this.$warning('该文件不支持预览，请直接下载')
return return
} }
autoAttachDownload({},'aqgl/jcsj/approve',row.fileId).then(res=>{ autoAttachDownload({},'aqgl/wxglxy',row.fileId).then(res=>{
let blob = new Blob([res], { let blob = new Blob([res], {
type: 'application/'+row.fileType+';charset=UTF-8', type: 'application/'+row.fileType+';charset=UTF-8',
}); });
...@@ -173,7 +172,7 @@ ...@@ -173,7 +172,7 @@
}, },
creatFile(){ creatFile(){
/* 清除老节点 */ /* 清除老节点 */
$('#approvefileAdd').find('input').remove() $('#wxglxyfileAdd').find('input').remove()
let lineEl = document.createElement('input'); let lineEl = document.createElement('input');
let $lineEl=$(lineEl) let $lineEl=$(lineEl)
$lineEl.attr('type','file') $lineEl.attr('type','file')
...@@ -184,7 +183,7 @@ ...@@ -184,7 +183,7 @@
this.beginUpload() this.beginUpload()
}) })
// $lineEl // $lineEl
$('#approvefileAdd').append($lineEl) $('#wxglxyfileAdd').append($lineEl)
}, },
beginUpload(){ beginUpload(){
this.isupLoad=true this.isupLoad=true
...@@ -215,9 +214,9 @@ ...@@ -215,9 +214,9 @@
}) })
return return
} }
formData.append('groupid', this.queryParams.mlid) formData.append('groupid', this.queryParams.gsid)
this.creatFile() this.creatFile()
uploadAttachDownload(formData,'aqgl/jcsj/approve').then(res => { uploadAttachDownload(formData,'aqgl/wxglxy').then(res => {
if (res.success) { if (res.success) {
this.$success('添加成功') this.$success('添加成功')
this.isupLoad=false this.isupLoad=false
...@@ -236,11 +235,11 @@ ...@@ -236,11 +235,11 @@
if(arguments[0]=='update'){ if(arguments[0]=='update'){
return return
} }
else if (this.queryParams.mlid ){ else if (this.queryParams.gsid ){
$upload.click() $upload.click()
/* 上传*/ /* 上传*/
}else{ }else{
this.$warning('请选中目录操作操作'); this.$warning('请选中公司操作操作');
} }
}, },
down(data,type,title) { down(data,type,title) {
...@@ -257,7 +256,7 @@ ...@@ -257,7 +256,7 @@
}, },
downLoad(row){ downLoad(row){
let title=row.fileName let title=row.fileName
autoAttachDownload({},'aqgl/jcsj/approve',row.fileId).then(res=>{ autoAttachDownload({},'aqgl/wxglxy',row.fileId).then(res=>{
this.down(res,row.type,title) this.down(res,row.type,title)
}) })
}, },
...@@ -273,13 +272,9 @@ ...@@ -273,13 +272,9 @@
this.$refs['TablePager'].pageQuery() this.$refs['TablePager'].pageQuery()
}, },
/* 基础查询*/ /* 基础查询*/
query: doQueryDtl, query: doQuery,
/* 基础增*/ apiDelete:doDelete,
apiAdd: doAddDtl, apiUpdate:doUpdate,
/* 基础更新*/
apiUpdate: doUpdateDtl,
/* 删除操作*/
apiDelete: doDeleteDtl,
apiTreeQuery: doQuerytree, apiTreeQuery: doQuerytree,
} }
......
src/views/outsourcingDirector/declare/edit.vue deleted 100644 → 0
View file @ 7268d226
<template>
<RelDialog
:type="type"
:editApp="editApp"
:app="app"
:buttonApp="buttonApp"
class="table-form-border"
>
<!-- 填写表单内容，slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="档案编号" ref="code" prop="code">
<el-input :readonly="readonly" v-toUpperCase v-model="form.code" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="名称" prop="name">
<el-input :readonly="readonly" v-model="form.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位类型" prop="dwlx">
<RelSelect
src="/aqgl/wxgl/wxdwsb/init/dwlx"
:match="{value:'id',label:'name'}"
v-model="form.dwlx">
</RelSelect>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="管理责任单位" prop="glzrdw">
<RelSelect
style="width: 100%;"
src="kzzx/bm/query"
:readonly="readonly"
:match="{value:'id',label:'bmmc'}"
v-model="form.zrdwid"
></RelSelect>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="负责人" prop="fzr">
<personSelector :label="form.userName||form.userid||'暂无'" @selected="userSelected"></personSelector>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单位地址" prop="address">
<el-input :readonly="readonly" v-model="form.address"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电子信箱" prop="email" >
<el-input :readonly="readonly" v-model="form.email"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="联系电话" prop="phone">
<el-input :readonly="readonly" v-model="form.phone"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系人" prop="lxr">
<el-input :readonly="readonly" v-model="form.lxr"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right">
<el-form-item label="申报日期" value-format="timestamp" ref="sbrq" prop="sbrq">
<el-date-picker
v-model="form.sbrq"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="备注">
<el-input :readonly="readonly" v-model="form.bz"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<!-- 按钮重写， -->
<!-- <div slot="reFooter">
<span slot="footer">
重写按钮写在这里，根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
</span>
</div>-->
</RelDialog>
</template>
<script>
import { editMixin } from "common";
import { initDwlx } from "@/api/outsourcingDirector/wxdwda";
export default {
mixins: [editMixin],
/* 存放index页面传递的额外参数*/
mounted() {},
/* 组件名称*/
name: "roleManagementEdit",
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
data() {
return {
/* 额外初始化，根据需求*/
systemType: [],
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
form: {
code: "",
name: "",
sbrq: "",
dwlx: "",
zrdwid: "",
fzrid:"",
pfzrid: "",
address: "",
email: "",
phone: "",
lxr: "",
bz: ""
},
/* form提交时的规则,具体规则参考官网*/
rules: {
email:[
{ required: true, message: '请输入邮箱地址', trigger: 'blur' },
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
]
},
dwlxArray: []
};
},
methods: {
userSelected(row) {
this.form.fzrid = row.id;
},
init() {}
},
mounted() {
this.init();
}
};
</script>
<style scoped lang="scss">
$color-border-grey: #c0c4cc;
.table-form-border {
::v-deep .el-form-item__error{
z-index: 99;
right: 10px!important;
top: 25%;
left: auto;
}
.el-form {
border-top: 1px solid $color-border-grey;
border-right: 1px solid $color-border-grey;
}
.el-row .el-form-item {
border-bottom: 1px solid $color-border-grey;
margin-bottom: 0;
::v-deep .el-form-item__label {
border-right: 1px solid $color-border-grey;
border-left: 1px solid $color-border-grey;
padding: 0;
text-align: center;
background: #eee;
}
::v-deep .el-input__inner {
border: none;
}
}
.el-row .el-col:nth-child(2n + 1) {
padding-right: 0 !important;
}
.el-row .el-col:nth-child(2n) {
padding-left: 0 !important;
}
.el-row .el-col.padding-right {
padding-right: 10px!important;
}
.el-row:last-child .el-col,
.el-row:first-child .el-col {
padding-right: 10px !important;
padding-left: 10px !important;
}
}
</style>
src/views/outsourcingDirector/declare/index.vue
View file @ d8cb3b7f
<template> <template>
<div class="min_full"> <div style="display: flex;">
<!-- 查询条件--> <el-dialog
<div class="search" v-condition> :fullscreen='true'
<SearchButton :app="app"></SearchButton> append-to-body
<el-row :gutter="20" class="search-row-1"> :visible.sync="show"
<el-col :span="6" class="search-col"> width="100%"
<div class="search-item"> >
<span class="search-span">事务类型:</span> <div v-if="show" style="height: 85vh;width: 100%">
<RelSelect src='wf/common/wfstate' :match="{value:'id',label:'name'}" v-model='queryParams.operatype' ></RelSelect> <iframe v-if="showType=='pdf'" :src="url" width="100%" height="100%" border="0"></iframe>
<img v-if="['gif','jpg','jpeg','png','bmp'].indexOf(showType)!=-1" :src="url" width="100%" height="100%" border="0" >
</div> </div>
</el-col> </el-dialog>
<el-col :span="6" class="search-col"> <div id='approvefileAdd' style="display: none;" >
<div class="search-item"> <input @change='beginUpload' id='aqglfilesonadd' ref="upload" type="file" style="display: none;">
<span class="search-span">档案编号:</span>
<el-input v-model="queryParams.code"></el-input>
</div> </div>
</el-col> <div class="min_full" style="width: 200px;border-right: 0px;">
<el-col :span="6" class="search-col"> <TreeBase :dgtype='3' :app='this' @selected='selectedTree'></TreeBase>
<div class="search-item">
<span class="search-span">单位名称:</span>
<el-input v-model="queryParams.name"></el-input>
</div> </div>
</el-col> <div class="min_full" style="overflow: auto;width: calc(100% - 200px)">
<div class="min_full" style="calc(60vh - 42px)">
<!-- 查询条件-->
<div class="search" v-condition>
<SearchButton :app='app'></SearchButton>
<el-row :gutter="20" class="search-row-1">
<el-col :span="6" class="search-col"> <el-col :span="6" class="search-col">
<div class="search-item"> <div class="search-item">
<span class="search-span">单位类型:</span> <span class="search-span">文档标题:</span>
<el-select v-model="queryParams.dwlx" clearable placeholder="请选择"> <el-input v-model="queryParams.title"></el-input>
<el-option
v-for="item in systemType"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<!-- 按钮操作--> <!-- 按钮操作-->
<el-row class="tool-bar"> <el-row class="tool-bar" >
<PrintButton :app="app"></PrintButton> <PrintButton :app='this'></PrintButton>
<ViewButton ref="view" :app="app"></ViewButton> <EditButton ref="add" :app='this'></EditButton>
<AddButton ref="add" :app="app"></AddButton> <!-- <ViewButton ref="view" :app='this'></ViewButton>
<CopyButton ref="copy" :app="app"></CopyButton>
<EditButton ref="edit" :app="app"></EditButton> <CopyButton ref="copy" :app='this'></CopyButton>
<AttachFileButton :app="app"></AttachFileButton> <FieldButton :app='this'></FieldButton>
<FieldButton :app="app"></FieldButton> <ExcelButton :app='this'></ExcelButton> -->
<ExcelButton :app="app"></ExcelButton> <!-- <AttachFileButton :app='this' ></AttachFileButton> -->
<workFlowButton :app="app"></workFlowButton> <el-button @click="upload" size='mini' type="primary">新增</el-button>
<!-- 额外按钮-->
</el-row> </el-row>
<!-- 表格--> <!-- 表格-->
<div class="tablePagers"> <div class="tablePagers">
<el-row :gutter="20" style="height:100%"> <TablePager v-loading='isupLoad' @getData='getData' :ref="'TablePager'" :app='this' :query='query' @selectItem='selectItem'
<el-col :span="16" class="full-h"> @getRow='getRow'>
<div class="grid-content bg-purple full-h"> <template slot="tabCustom">
<TablePager <el-table-column label="附件操作" width="160" header-align="center" fixed="right" >
@getData="getData" <template slot-scope="scope">
:ref="'TablePager'" <div style="width: 100%;display: flex;">
:app="app" <el-button style="text-align: center;color: #3399ff;width: 33.3%;"
:query="query" @click.native.prevent="preview(scope.row)" type="text" size="small">
@selectItem="selectItem" <i class="el-icon-view"></i>预览
@getRow="getRow" </el-button>
<el-button v-show="scope.row.fileType!='pdf'" style="text-align: center;color: #3399ff;width: 33.3%;"
@click.native.prevent="downLoad(scope.row)" type="text" size="small">
<i class="el-icon-download"></i>下载
</el-button>
<el-button style="text-align: center;color: #3399ff;width: 33.3%;"
@click.native.prevent="upload('update',scope.row)" type="text" size="small">
<i class="el-icon-upload2"></i>更新
</el-button>
</div>
> </template>
<template slot="tabCustom"></template> </el-table-column>
</template>
</TablePager> </TablePager>
</div> </div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">
<div class="table-form-border">
<h5 style="text-align:center">外协单位准入申报</h5>
<el-form slot="form" ref="form" :model="form" label-width="120px">
<el-row :gutter="20" class>
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="档案编号" >
<el-input :readonly="readonly" v-model="form.code"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="名称" >
<el-input :readonly="readonly" v-model="form.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位类型">
<el-input :readonly="readonly" v-model="form.dwlx"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="责任单位">
<el-input :readonly="readonly" v-model="form.zrbmName"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="负责人">
<el-input :readonly="readonly" v-model="form.fzr"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单位地址">
<el-input :readonly="readonly" v-model="form.address"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电子信箱" >
<el-input :readonly="readonly" v-model="form.email"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="联系电话">
<el-input :readonly="readonly" v-model="form.phone"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系人">
<el-input :readonly="readonly" v-model="form.lxr"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="备注">
<el-input :readonly="readonly" v-model="form.bz"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="评价单位" >
<el-input :readonly="readonly" v-model="form.phone"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申报日期">
<el-input :readonly="readonly" v-model="form.sbrq"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<div class style="line-height:36px;font-size:14px;text-align:center">审批</div>
</el-col>
</el-row>
</el-form>
<el-form
slot="form"
ref="form"
:model="form"
label-width="120px"
class="declare-table-right"
>
<el-row :gutter="20" class>
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="物业所在单位">
<el-input :readonly="readonly" v-model="form.spyj" class="text-center"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="申报人">
<el-input :readonly="readonly" v-model="form.sprNameTime" class="text-center"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class>
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item :label="form.zrbmName">
<el-input :readonly="readonly" v-model="form.qryj" class="text-center"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" class="padding-right-sm padding-left-sm">
<el-form-item label="负责人">
<el-input :readonly="readonly" v-model="form.qrrNameTime" class="text-center"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div> </div>
</el-col> <!-- <MainIndex :vMain='this' ref="mainIndex" ></MainIndex>
</el-row> <LessIndex :vMain='this' ref="lessIndex" ></LessIndex> -->
</div> </div>
</div> </div>
</template> </template>
<script> <script>
/* 引入需要的接口*/ import {
import { doQuerytree
} from "@/api/outsourcingDirector/declare.js";
import {
autoAttach,
autoAttachDownload,
deleteAttachDownload,
uploadAttachDownload,
aqglUploadUpdate
} from "common/src/api/system/dmgSystem.js";
import {
doQuery, doQuery,
doAdd,
doUpdate,
doDelete, doDelete,
initDwlx doUpdate
} from "@/api/outsourcingDirector/wxdwda"; } from "@/api/outsourcingDirector/declare.js";
/* edit页面*/ import Edit from './lessEdit.vue'
import Edit from "./edit"; import {tableMixin} from 'common'
// import MainIndex from './mainIndex.vue'
// import LessIndex from './lessIndex.vue'
import { tableMixin } from "common"; export default {
export default {
mixins: [tableMixin], mixins: [tableMixin],
name: "appVersion", name:'securityDocumentManagement',
components:{
/* 初始额外赋值*/ // MainIndex,
async mounted() { // LessIndex,
await this.$asRun( Edit
[initDwlx(),
res => {
var data = res['data']['records'];
let typeMap = []
for (var i in data) {
typeMap[data[i].id] = data[i].name
}
this.systemType = data
this.typeMap = typeMap
}
]
)
this.$refs['TablePager'].pageQuery()
}, },
data() { data() {
return { return{
/*需要的额外参数 */ show:false,
systemType:[], isupLoad:false,
showDialog: false, treeTitle: '目录',
DialogName: "", treeDefaultProps: {
type: "", children: 'children',
DialogTitle: "", label: 'bmmc'
readonly: true,
powerList: [
{
name: "分配"
}, },
{ // 额外
name: "复制" typeMap: [],
}, systemType: [],
{ baseUrl: 'aqgl/wxglzd',
name: "查看"
}
],
/* 基础url*/
baseUrl: "aqgl/wxgl/wxdwsb",
/* 查询参数*/ /* 查询参数*/
queryParams: { queryParams: {
operatype:'W', mlid:'',
code: '', title:'',
name: '', gsid:''
dwlx: '' },
treeQueryParams:{
}, },
/* 表格标题对应参数*/ /* 表格标题对应参数*/
tableTitle: [ tableTitle: [
{ {prop: 'title', label: '文档名称', width: '340'},
prop: "ztName", {prop: 'fileVersion', label: '版本', width: '60'},
label: "状态", {prop: 'createTime', label: '上传时间', fieldType: "ftDateTime"},
width: "120" {prop: 'updUserName', label: '上传人', width: "80"},
}, {prop: 'fileSize', label: '大小', width: '70',
{ formatter:function(a,b,bytes){
prop: "code", if(!bytes){
label: "档案编号", return '未上传文件'
width: "120" }
}, if (bytes === 0) return '0 B';
{ var k = 1000, // or 1024
prop: "name", sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
label: "名称", i = Math.floor(Math.log(bytes) / Math.log(k));
width: "160"
}, return (bytes / Math.pow(k, i)).toPrecision(3) + ' ' + sizes[i];
{ }
prop: "sbrq", }
label: "申报日期", ]
width: "160", }
fieldType: "ftDate"
},
{
prop: "dwlx",
label: "单位类型",
width: "160",
show: false
},
{
prop: "dwlxName",
label: "单位类型",
width: "160"
},
{
prop: "zrdwid",
label: "责任单位ID",
width: "160",
show: false
},
{
prop: "zrbmName",
label: "责任单位",
width: "160"
},
{
prop: "pgdwid",
label: "评估单位ID",
width: "160",
show: false
},
{
prop: "pgbmName",
label: "评估单位",
width: "160"
}, },
{ methods:{
prop: "fzrid", /* 预览 */
label: "负责人", preview(row){
width: "160", console.log(row)
show: false this.showType=row.fileType
let canShow=['gif','jpg','jpeg','png','bmp','pdf'].indexOf(row.fileType)==-1
if(canShow){
this.$warning('该文件不支持预览，请直接下载')
return
}
autoAttachDownload({},'aqgl/wxglzd',row.fileId).then(res=>{
let blob = new Blob([res], {
type: 'application/'+row.fileType+';charset=UTF-8',
});
this.url=URL.createObjectURL(blob)
this.show=true
})
}, },
{ creatFile(){
prop: "fzrName", /* 清除老节点 */
label: "负责人", $('#wxglzdfileAdd').find('input').remove()
width: "160" let lineEl = document.createElement('input');
let $lineEl=$(lineEl)
$lineEl.attr('type','file')
$lineEl.attr('ref','upload')
$lineEl.attr('id','aqglfilesonadd')
$lineEl.hide()
$lineEl.change(()=>{
this.beginUpload()
})
// $lineEl
$('#wxglzdfileAdd').append($lineEl)
}, },
{ beginUpload(){
prop: "address", this.isupLoad=true
label: "单位地址", let uploadDom=document.getElementById('aqglfilesonadd')
width: "160" var filec = uploadDom.files[0];
var name = filec.name
var type = filec.type
let updateId=$(uploadDom).attr('inputId')
updateId&&$(uploadDom).attr('inputId',null)
if (filec) {
let formData = new FormData();
formData.append('file', filec)
formData.append('type', type)
formData.append('folder', '')
formData.append('name', name)
if(updateId){
formData.append('id', updateId)
this.creatFile()
aqglUploadUpdate(formData).then(res => {
if (res.success) {
this.$success('更新成功')
this.isupLoad=false
this.$refs['TablePager'].reLoad()
}
}).catch(e=>{
console.error(e)
this.isupLoad=false
})
return
}
formData.append('groupid', this.queryParams.gsid)
this.creatFile()
uploadAttachDownload(formData,'aqgl/wxglzd').then(res => {
if (res.success) {
this.$success('添加成功')
this.isupLoad=false
this.$refs['TablePager'].reLoad()
}
}).catch(e=>{
console.error(e)
this.isupLoad=false
})
}
}, },
{ upload(){
prop: "email", let $upload=$('#aqglfilesonadd')
label: "电子邮箱", arguments[0]=='update'&&$upload.attr('inputId',arguments[1].fileId)&&$upload.click()
width: "160" if(arguments[0]=='update'){
return
}
else if (this.queryParams.gsid ){
$upload.click()
/* 上传*/
}else{
this.$warning('请选中公司操作操作');
}
}, },
{ down(data,type,title) {
prop: "lxr", let a = document.createElement('a');
label: "联系人", a.download = title;
width: "120" a.style.display = 'none';
let blob = new Blob([data], {
type: 'application/'+type+';charset=UTF-8',
});
a.href = URL.createObjectURL(blob);
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}, },
{ downLoad(row){
prop: "phone", let title=row.fileName
label: "联系电话", autoAttachDownload({},'aqgl/wxglzd',row.fileId).then(res=>{
width: "120" this.down(res,row.type,title)
})
}, },
{ selectedTree(val){
prop: "bz", if(val.type=='ML'){
label: "备注" this.queryParams.gsid=val.gsid
this.queryParams.mlid=val.id
}else{
this.queryParams.gsid=val.id
this.queryParams.mlid=''
} }
],
form: {} this.$refs['TablePager'].pageQuery()
};
}, },
methods: {
/* 基础查询*/ /* 基础查询*/
query: doQuery, query: doQuery,
apiAdd: doAdd, apiDelete:doDelete,
apiUpdate: doUpdate, apiUpdate:doUpdate,
apiDelete: doDelete, apiTreeQuery: doQuerytree,
init() {},
getRow(currentRow, oldCurrentRow){
this.rowItem=currentRow
this.form=currentRow;
this.form.sprNameTime=this.form.sprName+" "+new Date(this.form.spsj).Format("yyyy-MM-dd");
this.form.qrrNameTime=this.form.qrrName+" "+new Date(this.form.qrsj).Format("yyyy-MM-dd")
} }
},
components: {
Edit
}
};
</script>
<style scoped lang="scss">
.full {
width: 100%;
height: 100%;
}
.full-h {
height: 100%;
}
.marin-top-10 {
margin-top: 10px;
}
.padding-left-sm {
padding-left: 10px !important;
}
.padding-right-sm {
padding-right: 10px !important;
}
.declare-table-right {
height: calc(100% - 420px);
overflow-y: auto;
overflow-x: hidden;
}
$color-border-grey: #c0c4cc;
.table-form-border {
.el-form {
border-top: 1px solid $color-border-grey;
border-right: 1px solid $color-border-grey;
}
.el-row .el-form-item {
border-bottom: 1px solid $color-border-grey;
margin-bottom: 0;
::v-deep .el-form-item__label {
border-right: 1px solid $color-border-grey;
border-left: 1px solid $color-border-grey;
padding: 0;
text-align: center;
background: #eee;
} }
</script>
::v-deep .el-input__inner { <style>
border: none;
}
}
.el-row .el-col:nth-child(2n + 1) {
padding-right: 0 !important;
}
.el-row .el-col:nth-child(2n + 1).padding-right-sm {
padding-right: 10px !important;
}
.el-row .el-col:nth-child(2n) {
padding-left: 0 !important;
}
::v-deep .text-center .el-input__inner{
text-align: center
}
}
</style> </style>
src/views/outsourcingDirector/declare/lessEdit.vue 0 → 100644
View file @ d8cb3b7f
<template>
<RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
<!-- 填写表单内容，slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="标题" ref="title" prop="title">
<el-input :readonly="readonly" v-model="form.title"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</RelDialog>
</template>
<script>
import {editMixin} from 'common'
export default {
mixins: [editMixin],
/* 存放index页面传递的额外参数*/
mounted() {
// this.form.mlid=this.app.queryParams.mlid
this.form.gsid=this.app.queryParams.gsid
},
/* 组件名称*/
name: 'appVersionEdit',
/* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
data() {
return {
/* 额外初始化，根据需求*/
systemType: [],
/* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
form: {
mlid:'',
gsid:'',
title: '',
sytk: '',
bz: "",
fbrq:new Date().getTime(),
ssrq:new Date().getTime(),
mlid:''
},
/* form提交时的规则,具体规则参考官网*/
rules: {
gsid: [{
required: true,
}, ],
}
}
},
methods: {
/* 重写方法，this.app来调用index页面定义的api*/
}
}
</script>
<style scoped lang="scss">
</style>
src/views/riskPrecontrol/riskAnalysis/cycle.vue
View file @ d8cb3b7f
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
val=='M'&&this.$refs['TablePager']['newGridList'].forEach(item=>{item.prop=='year'&&(item.show=true);item.prop=='month'&&(item.show=true);item.prop=='tjrq'&&(item.show=false);item.prop=='weekBegin'&&(item.show=false);item.prop=='weekEnd'&&(item.show=false)}) val=='M'&&this.$refs['TablePager']['newGridList'].forEach(item=>{item.prop=='year'&&(item.show=true);item.prop=='month'&&(item.show=true);item.prop=='tjrq'&&(item.show=false);item.prop=='weekBegin'&&(item.show=false);item.prop=='weekEnd'&&(item.show=false)})
val=='W'&&this.$refs['TablePager']['newGridList'].forEach(item=>{item.prop=='year'&&(item.show=false);item.prop=='month'&&(item.show=false);item.prop=='tjrq'&&(item.show=false);item.prop=='weekBegin'&&(item.show=true)&&(item.width=300);item.prop=='weekEnd'&&(item.show=true)&&(item.width=300)}) val=='W'&&this.$refs['TablePager']['newGridList'].forEach(item=>{item.prop=='year'&&(item.show=false);item.prop=='month'&&(item.show=false);item.prop=='tjrq'&&(item.show=false);item.prop=='weekBegin'&&(item.show=true)&&(item.width=300);item.prop=='weekEnd'&&(item.show=true)&&(item.width=300)})
val=='D'&&this.$refs['TablePager']['newGridList'].forEach(item=>{item.prop=='year'&&(item.show=false);item.prop=='month'&&(item.show=false);item.prop=='tjrq'&&(item.show=true)&&(item.width=400);item.prop=='weekBegin'&&(item.show=false);item.prop=='weekEnd'&&(item.show=false)}) val=='D'&&this.$refs['TablePager']['newGridList'].forEach(item=>{item.prop=='year'&&(item.show=false);item.prop=='month'&&(item.show=false);item.prop=='tjrq'&&(item.show=true)&&(item.width=400);item.prop=='weekBegin'&&(item.show=false);item.prop=='weekEnd'&&(item.show=false)})
this.$refs['TablePager'].pageQuery({setFirstCurrent:true}); // this.$refs['TablePager'].pageQuery({setFirstCurrent:true});
} }
}, },
data() { data() {
...@@ -128,7 +128,18 @@ ...@@ -128,7 +128,18 @@
this.$refs.cycleDetails.queryParams=JSON.parse(JSON.stringify(this.queryParams)) this.$refs.cycleDetails.queryParams=JSON.parse(JSON.stringify(this.queryParams))
this.$refs.cycleDetails.queryParams.grouptype='RY' this.$refs.cycleDetails.queryParams.grouptype='RY'
this.$refs.cycleDetails.queryParams.bmid=this.singleItem.bmid this.$refs.cycleDetails.queryParams.bmid=this.singleItem.bmid
this.$refs.cycleDetails.$refs['TablePager'].pageQuery() this.$refs.cycleDetails.$refs['TablePager'].pageQuery({
filter:(data)=>{
let dataArry=data.filter(item=>{
if(item.allCount!=0){
return true
}else{
return false
}
})
return dataArry
}
})
}) })
}else{ }else{
this.$warning('请选择一条数据') this.$warning('请选择一条数据')
......
src/views/riskPrecontrol/riskAnalysis/index.vue
View file @ d8cb3b7f
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
gsid:'', gsid:'',
grouptype:'GS', grouptype:'GS',
rwlx: 'D', rwlx: 'D',
ksrq: new Date().getTime()-1000*60*60*24, ksrq: new Date().getTime(),
jsrq: new Date().getTime() jsrq: new Date().getTime()
}, },
/* 表格标题对应参数*/ /* 表格标题对应参数*/
...@@ -184,6 +184,7 @@ ...@@ -184,6 +184,7 @@
}, },
watch:{ watch:{
radio(val){ radio(val){
console.log('radio')
val=='M'&&this.$refs['TablePager']['newGridList'].forEach(item=>{item.prop=='year'&&(item.show=true);item.prop=='month'&&(item.show=true);item.prop=='tjrq'&&(item.show=false);item.prop=='weekBegin'&&(item.show=false);item.prop=='weekEnd'&&(item.show=false)}) val=='M'&&this.$refs['TablePager']['newGridList'].forEach(item=>{item.prop=='year'&&(item.show=true);item.prop=='month'&&(item.show=true);item.prop=='tjrq'&&(item.show=false);item.prop=='weekBegin'&&(item.show=false);item.prop=='weekEnd'&&(item.show=false)})
val=='W'&&this.$refs['TablePager']['newGridList'].forEach(item=>{item.prop=='year'&&(item.show=false);item.prop=='month'&&(item.show=false);item.prop=='tjrq'&&(item.show=false);item.prop=='weekBegin'&&(item.show=true)&&(item.width=300);item.prop=='weekEnd'&&(item.show=true)&&(item.width=300)}) val=='W'&&this.$refs['TablePager']['newGridList'].forEach(item=>{item.prop=='year'&&(item.show=false);item.prop=='month'&&(item.show=false);item.prop=='tjrq'&&(item.show=false);item.prop=='weekBegin'&&(item.show=true)&&(item.width=300);item.prop=='weekEnd'&&(item.show=true)&&(item.width=300)})
val=='D'&&this.$refs['TablePager']['newGridList'].forEach(item=>{item.prop=='year'&&(item.show=false);item.prop=='month'&&(item.show=false);item.prop=='tjrq'&&(item.show=true)&&(item.width=400);item.prop=='weekBegin'&&(item.show=false);item.prop=='weekEnd'&&(item.show=false)}) val=='D'&&this.$refs['TablePager']['newGridList'].forEach(item=>{item.prop=='year'&&(item.show=false);item.prop=='month'&&(item.show=false);item.prop=='tjrq'&&(item.show=true)&&(item.width=400);item.prop=='weekBegin'&&(item.show=false);item.prop=='weekEnd'&&(item.show=false)})
...@@ -192,19 +193,53 @@ ...@@ -192,19 +193,53 @@
}, },
methods: { methods: {
getRow: function(e) { getRow: function(e) {
this.rowItem = e this.rowItem = e
this.$nextTick(()=>{ this.fshake(()=>{
this.$refs.cycle.queryParams=JSON.parse(JSON.stringify(this.queryParams)) this.$refs.cycle.queryParams=JSON.parse(JSON.stringify(this.queryParams))
this.$refs.cycle.queryParams.grouptype='BZ' this.$refs.cycle.queryParams.grouptype='BZ'
/* 判断查询条件*/
this.$refs.cycle.queryParams.rwlx=='D'&&(this.$refs.cycle.queryParams.ksrq=this.$refs.cycle.queryParams.jsrq)
if(this.$refs.cycle.queryParams.rwlx=='W'){
// KSRQ
this.$refs.cycle.queryParams.ksrq=(this.singleItem.weekBegin>this.queryParams.ksrq)?(this.singleItem.weekBegin):(this.queryParams.ksrq);
this.$refs.cycle.queryParams.jsrq=(this.singleItem.weekEnd>this.queryParams.jsrq)?(this.queryParams.jsrq):(this.singleItem.weekEnd)
}
this.$refs.cycle.queryParams.gsid=this.singleItem.gsid this.$refs.cycle.queryParams.gsid=this.singleItem.gsid
this.$refs.cycle.$refs['TablePager'].pageQuery({setFirstCurrent:true}) this.$refs.cycle.$refs['TablePager'].pageQuery({setFirstCurrent:true,filter:(data)=>{
let dataArry=data.filter(item=>{
if(item.allCount!=0){
return true
}else{
return false
}
}) })
return dataArry
}})
},500)
}, },
handleClick(val){ handleClick(val){
}, },
/* 基础查询*/ /* 基础查询*/
query: doQuery, query: doQuery,
/* 防抖，对象更新判断问题，只执行最后一次更新查询 */
fshake(fn,time){
if(!fn||!time){
console.warn('确少必要参数')
}
clearTimeout(this.timeOut)
this.timeOut=setTimeout(()=>{
fn()
},time)
},
init() { init() {
......
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