Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 41a8eb9e by xiehao
Options

fix：删除了试用范围

1 parent 6fb5fd86
Inline Side-by-side
Showing with 190 additions and 177 deletions
src/views/supervisionDataCollection/index.vue
<template> <template>
<div class="searchTable"> <div class="searchTable">
<list-page> <list-page>
<!-- 查询表单插槽 --> <!-- 查询表单插槽 -->
<template #formWrap> <template #formWrap>
<SearchForm @onSearch="querySearch" :form-options="formOptions" /> <SearchForm @onSearch="querySearch" :form-options="formOptions"/>
</template> </template>
<!-- 表格插槽 --> <!-- 表格插槽 -->
<template #tableWrap> <template #tableWrap>
<table-config <table-config
ref="searchTable" ref="searchTable"
:query="query" :query="query"
:columns="columns" :columns="columns"
id-key="elementId" id-key="elementId"
> >
</table-config> </table-config>
</template> </template>
</list-page> </list-page>
<UploadDialog <UploadDialog
:row-data="rowData" :row-data="rowData"
@querySearch="querySearch" @querySearch="querySearch"
title="上传" title="上传"
:visible.sync="demandSubVisible" :visible.sync="demandSubVisible"
/> />
</div> </div>
</template> </template>
...@@ -29,175 +29,187 @@ ...@@ -29,175 +29,187 @@
import ListPage from '@/components/ListPage.vue' import ListPage from '@/components/ListPage.vue'
import SearchForm from '@/components/SearchForm.vue' import SearchForm from '@/components/SearchForm.vue'
import TableConfig from '@/views/collectDataConfiguration/TableConfig.vue' import TableConfig from '@/views/collectDataConfiguration/TableConfig.vue'
import { supervisionData } from '@/api/architectureInspection' import {supervisionData} from '@/api/architectureInspection'
import { materialTypeList, superStateCode } from '@/utils/architectureInspectionDis' import {materialTypeList} from '@/utils/architectureInspectionDis'
import UploadDialog from './UploadDialog' import UploadDialog from './UploadDialog'
import {getDictTypeOptions} from "@/utils";
export default { export default {
name: 'supervisionDataCollection', name: 'supervisionDataCollection',
components: { ListPage, SearchForm, TableConfig, UploadDialog }, components: {ListPage, SearchForm, TableConfig, UploadDialog},
computed: { computed: {
formOptions() { formOptions() {
return [ return [
{ {
label: '项目名称', // label文字 label: '项目名称', // label文字
prop: 'prjName', // 字段名 prop: 'prjName', // 字段名
element: 'el-input', // 指定elementui组件 element: 'el-input', // 指定elementui组件
placeholder: '请输入内容', // elementui组件属性 placeholder: '请输入内容', // elementui组件属性
},
]
}, },
columns() { ]
return [
{ type: 'selection', width: '55px' },
{ label: '序号', type: 'index', width: '80px' },
{ label: '项目名称', prop: 'prjName', },
{ label: '承建单位', prop: 'buildOrg', width: '120px' },
{ label: '督查方案', prop: 'supervName', width: '120px' },
{ label: '材料类型', prop: 'materialType',
collectionType: 'materialTypeList',
options: materialTypeList
},
{ label: '上传时间', prop: 'uploadedTime', width: '120px' },
{ label: '版本', prop: 'version', width: '120px' },
// {
// label: '状态',
// prop: 'state',
// width: '120px',
// collectionType: 'superStateCode',
// options: superStateCode,
// },
{ label: '备注', prop: 'notes', width: '100px' },
{
label: '操作',
type: 'operation',
width: '360px',
actionButtons: [
{
title: '上传',
type: 'primary',
size: 'mini',
plain: true,
icon: 'el-icon-edit',
disabledCallback: (row, title) => {
return row.file == '1' ? true : false
},
},
{
title: '归档',
type: 'warning',
size: 'mini',
plain: true,
icon: 'el-icon-circle-check',
disabledCallback: (row, title) => {
return row.file == '1' ? true : false
},
},
{
title: '提醒',
size: 'mini',
icon: 'el-icon-circle-check',
type: 'warning',
plain: true,
disabledCallback: (row, title) => {
if (row.file == '1' || row.remind == '1') {
return true
} else {
return false
}
},
},
],
callback: (row, title) => {
this.fnOperation(row, title)
},
},
]
},
},
data(){
return {
query: {
url: supervisionData,
method: 'post',
queryParam: {
prjName: ''
},
},
rowData: {},
demandSubVisible: false,
}
}, },
methods: { columns() {
querySearch(data) { return [
this.query.queryParam = { {type: 'selection', width: '55px'},
...this.query.queryParam, {label: '序号', type: 'index', width: '80px'},
...data, {label: '项目名称', prop: 'prjName',},
} {
this.$refs.searchTable.queryData() label: '承建单位',
prop: 'buildOrg',
options: this.sysBuildOrgOptions,
collectionType: true,
width: '300px',
}, },
/** {label: '督查方案', prop: 'supervName', width: '120px'},
* @description: 操作按钮 {
* @param {Object} row 当前操作行数据 label: '材料类型', prop: 'materialType',
* @param {String} title 当前操作按钮名称 collectionType: 'materialTypeList',
* @author: pan options: materialTypeList
*/
fnOperation(row, title) {
switch (title) {
case '上传':
this.fnEdit(row)
break
case '归档':
this.fnFile(row)
break
case '提醒':
this.fnRemind(row)
default:
break
}
}, },
fnRemind(row) { {label: '上传时间', prop: 'uploadedTime', width: '120px'},
this.$confirm('是否确认提醒?', '提示', { {label: '版本', prop: 'version', width: '120px'},
confirmButtonText: '确认', {label: '备注', prop: 'notes', width: '100px'},
cancelButtonText: '取消', {
type: 'warning', label: '操作',
}) type: 'operation',
.then(() => { width: '360px',
this.$postRequest('/collect/tx', {id: row.id}).then(res => { actionButtons: [
if (res.code === 200) { {
this.$message.success('提醒成功') title: '上传',
this.$refs.searchTable.queryData() type: 'primary',
} else { size: 'mini',
this.$message.error(res.msg) plain: true,
} icon: 'el-icon-edit',
}) disabledCallback: (row, title) => {
}) return row.file == '1' ? true : false
.catch(() => {}) },
},
{
title: '归档',
type: 'warning',
size: 'mini',
plain: true,
icon: 'el-icon-circle-check',
disabledCallback: (row, title) => {
return row.file == '1' ? true : false
},
},
{
title: '提醒',
size: 'mini',
icon: 'el-icon-circle-check',
type: 'warning',
plain: true,
disabledCallback: (row, title) => {
if (row.file == '1' || row.remind == '1') {
return true
} else {
return false
}
},
},
],
callback: (row, title) => {
this.fnOperation(row, title)
},
},
]
},
},
data() {
return {
query: {
url: supervisionData,
method: 'post',
queryParam: {
prjName: ''
}, },
fnFile(row) { },
this.$confirm('是否确认归档?', '提示', { rowData: {},
confirmButtonText: '确认', demandSubVisible: false,
cancelButtonText: '取消', sysBuildOrgOptions: []
type: 'warning', }
},
created() {
this.getDicts();
},
methods: {
getDicts() {
getDictTypeOptions('build_company').then((res) => {
this.sysBuildOrgOptions = res
})
},
querySearch(data) {
this.query.queryParam = {
...this.query.queryParam,
...data,
}
this.$refs.searchTable.queryData()
},
/**
* @description: 操作按钮
* @param {Object} row 当前操作行数据
* @param {String} title 当前操作按钮名称
* @author: pan
*/
fnOperation(row, title) {
switch (title) {
case '上传':
this.fnEdit(row)
break
case '归档':
this.fnFile(row)
break
case '提醒':
this.fnRemind(row)
default:
break
}
},
fnRemind(row) {
this.$confirm('是否确认提醒?', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
this.$postRequest('/collect/tx', {id: row.id}).then(res => {
if (res.code === 200) {
this.$message.success('提醒成功')
this.$refs.searchTable.queryData()
} else {
this.$message.error(res.msg)
}
}) })
.then(() => { })
this.$postRequest('/collect/gd', {...row}).then(res => { .catch(() => {
if (res.code === 200) { })
this.$message.success('归档成功') },
this.$refs.searchTable.queryData() fnFile(row) {
} else { this.$confirm('是否确认归档?', '提示', {
this.$message.error(res.msg) confirmButtonText: '确认',
} cancelButtonText: '取消',
}) type: 'warning',
})
.then(() => {
this.$postRequest('/collect/gd', {...row}).then(res => {
if (res.code === 200) {
this.$message.success('归档成功')
this.$refs.searchTable.queryData()
} else {
this.$message.error(res.msg)
}
}) })
.catch(() => {}) })
}, .catch(() => {
// 上传 })
fnEdit(row) { },
this.rowData = row // 上传
this.demandSubVisible = true fnEdit(row) {
}, this.rowData = row
this.demandSubVisible = true
},
} }
} }
</script> </script>
\ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!