commit
This commit is contained in:
zhutianqi
@@ -1,10 +1,59 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="enterpriseStandardPlan">
|
<div id="enterpriseStandardPlan">
|
||||||
<div class="action-bar">
|
<div class="search-area">
|
||||||
|
<div class="content-top">
|
||||||
|
<el-form :modal="form" inline class="label-input-form">
|
||||||
|
<el-form-item label="计划状态" class="search-item">
|
||||||
|
<el-select v-model="form.planStatus" placeholder="请选择计划状态">
|
||||||
|
<el-option label="制定" value="制定"></el-option>
|
||||||
|
<el-option label="修订" value="修订"></el-option>
|
||||||
|
<el-option label="完成" value="完成"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="制修订状态" class="search-item">
|
||||||
|
<el-select v-model="form.reviseStatus" placeholder="请选择制修订状态">
|
||||||
|
<el-option label="制定完成" value="制定完成"></el-option>
|
||||||
|
<el-option label="制定中" value="制定中"></el-option>
|
||||||
|
<el-option label="未制定" value="未制定"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="企标名称" class="search-item">
|
||||||
|
<el-input v-model="form.esName"
|
||||||
|
placeholder="请输入计划状态"
|
||||||
|
clearable
|
||||||
|
:maxlength="100"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="起草责任部门" class="search-item">
|
||||||
|
<el-input v-model="form.unit"
|
||||||
|
placeholder="请输入计划状态"
|
||||||
|
clearable
|
||||||
|
:maxlength="100"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item class="search-item btn-box">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
class="common-button-primary"
|
||||||
|
size="mini"
|
||||||
|
@click="searchData">
|
||||||
|
查询
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item class="search-item btn-box">
|
||||||
|
<el-button
|
||||||
|
class="common-button-default"
|
||||||
|
size="mini"
|
||||||
|
@click="clearData">
|
||||||
|
清空
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="content-center">
|
||||||
<el-button type="primary"
|
<el-button type="primary"
|
||||||
class="common-button-primary add-button"
|
class="common-button-primary add-button"
|
||||||
size="mini"
|
size="mini"
|
||||||
@click=""><i class="el-icon-plus"></i>新增
|
@click="addData"><i class="el-icon-plus"></i>新增
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button class="common-button-default in-button"
|
<el-button class="common-button-default in-button"
|
||||||
size="mini"
|
size="mini"
|
||||||
@@ -19,81 +68,217 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
<el-button class="common-button-default"
|
<el-button class="common-button-default"
|
||||||
size="mini"
|
size="mini"
|
||||||
@click=""><i class="iconfont"></i>删除
|
@click="deleteList"><i class="iconfont"></i>删除
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="container">
|
||||||
<div class="table-wrap">
|
<div class="table-wrap">
|
||||||
<el-table
|
<div class="inner-wrap">
|
||||||
ref="multipleTable"
|
<el-table
|
||||||
:data="data"
|
ref="multipleTable"
|
||||||
tooltip-effect="dark"
|
:data="data"
|
||||||
border
|
tooltip-effect="dark"
|
||||||
style="width: 100%; flex: auto;"
|
border
|
||||||
class="drag-table"
|
style="width: 100%; flex: auto;"
|
||||||
height="100%"
|
class="drag-table"
|
||||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
height="100%"
|
||||||
|
@selection-change="dataSelectChange"
|
||||||
|
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||||
fontWeight: 'bold', height: '48px'}">
|
fontWeight: 'bold', height: '48px'}">
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="计划状态"
|
type="selection"
|
||||||
width="120">
|
align="center"
|
||||||
</el-table-column>
|
width="55">
|
||||||
<el-table-column
|
</el-table-column>
|
||||||
prop="standName"
|
<el-table-column
|
||||||
label="计划类型"
|
prop="esName"
|
||||||
width="350">
|
label="企标名称"
|
||||||
</el-table-column>
|
align="center"
|
||||||
<el-table-column
|
width="120">
|
||||||
prop="issueTime"
|
</el-table-column>
|
||||||
width="150"
|
<el-table-column
|
||||||
label="企标类别">
|
prop="planStatus"
|
||||||
</el-table-column>
|
label="计划状态"
|
||||||
<el-table-column
|
align="center"
|
||||||
prop="SSRQ"
|
width="150">
|
||||||
width="150"
|
</el-table-column>
|
||||||
label="企业编号">
|
<el-table-column
|
||||||
</el-table-column>
|
prop="reviseStatus"
|
||||||
<el-table-column
|
width="150"
|
||||||
prop="XCXSSRQ"
|
align="center"
|
||||||
width="150"
|
label="制修订状态">
|
||||||
label="代替企标编号">
|
</el-table-column>
|
||||||
</el-table-column>
|
<el-table-column
|
||||||
<el-table-column
|
prop="drafter"
|
||||||
prop="ZCCSSRQ"
|
width="120"
|
||||||
width="150"
|
align="center"
|
||||||
label="企标名称">
|
label="起草人">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="textStatus"
|
prop="resPerson"
|
||||||
width="120"
|
width="120"
|
||||||
label="英文名称">
|
align="center"
|
||||||
</el-table-column>
|
label="评审责任人">
|
||||||
<el-table-column
|
</el-table-column>
|
||||||
prop="textStatus"
|
<el-table-column
|
||||||
label="主要起草人">
|
prop="wgLeader"
|
||||||
</el-table-column>
|
width="120"
|
||||||
<!-- <el-table-column fixed="right" v-if="isPermission('f9745194958bc9ed3ee5127459795dbc,e8d690904ee1895dd0d17d9c794fbcd7,b299fa5edb3f3f35badb2adb6bda9f2e')>0" label="操作" align="center" width="100">-->
|
align="center"
|
||||||
<el-table-column fixed="right" label="操作" align="center" width="60">
|
label="工作组组长">
|
||||||
<template slot-scope="scope">
|
</el-table-column>
|
||||||
<div @click.stop style="display: inline-block">
|
<el-table-column
|
||||||
<el-dropdown trigger="click" @command="handleCommand">
|
prop="draftTime"
|
||||||
<i class="iconfont"></i>
|
width="200"
|
||||||
<el-dropdown-menu slot="dropdown">
|
align="center"
|
||||||
<el-dropdown-item :command="[scope.row, '编辑']">
|
label="计划标准初稿完成时间">
|
||||||
编辑
|
<template slot-scope="scope">
|
||||||
</el-dropdown-item>
|
<span>{{ scope.row.draftTime ? $moment(scope.row.draftTime).format("YYYY-MM-DD") : "" }}</span>
|
||||||
<el-dropdown-item :command="[scope.row, '删除']">
|
</template>
|
||||||
删除
|
</el-table-column>
|
||||||
</el-dropdown-item>
|
<el-table-column
|
||||||
</el-dropdown-menu>
|
width="200"
|
||||||
</el-dropdown>
|
prop="releaseTime"
|
||||||
</div>
|
align="center"
|
||||||
</template>
|
label="计划标准发布时间">
|
||||||
</el-table-column>
|
<template slot-scope="scope">
|
||||||
</el-table>
|
<span>{{ scope.row.releaseTime ? $moment(scope.row.releaseTime).format("YYYY-MM-DD") : "" }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
prop="unit"
|
||||||
|
label="起草责任单位">
|
||||||
|
</el-table-column>
|
||||||
|
<!-- <el-table-column fixed="right" v-if="isPermission('f9745194958bc9ed3ee5127459795dbc,e8d690904ee1895dd0d17d9c794fbcd7,b299fa5edb3f3f35badb2adb6bda9f2e')>0" label="操作" align="center" width="100">-->
|
||||||
|
<el-table-column fixed="right" label="操作" align="center" width="60">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div @click.stop style="display: inline-block">
|
||||||
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<i class="iconfont"></i>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item :command="[scope.row, '查看']">
|
||||||
|
查看
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item :command="[scope.row, '编辑']">
|
||||||
|
编辑
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item :command="[scope.row, '删除']">
|
||||||
|
删除
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<pagination :page="form.page" :total="total"
|
<div class="footer">
|
||||||
@pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
|
<pagination :page="form.page" :total="total"
|
||||||
|
@pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
|
||||||
|
</div>
|
||||||
|
<el-drawer
|
||||||
|
ref="standard"
|
||||||
|
size="1000px"
|
||||||
|
:title="addDrawerTitle"
|
||||||
|
:visible.sync="addDrawer"
|
||||||
|
:before-close="addDrawerClose">
|
||||||
|
<div class="demo-drawer-content" v-if="addDrawer">
|
||||||
|
<div class="content">
|
||||||
|
<div class="standard-table-search">
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form :model="addForm" inline class="label-input-form" label-width="180px" :rules="addFormRules" ref="addForm">
|
||||||
|
<el-form-item label="企标名称" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-input
|
||||||
|
v-model="addForm.esName"
|
||||||
|
placeholder="请输入企标名称"
|
||||||
|
:maxlength="500"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="计划状态" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-select v-model="addForm.planStatus" placeholder="请选择计划状态">
|
||||||
|
<el-option label="制定" value="制定"></el-option>
|
||||||
|
<el-option label="修订" value="修订"></el-option>
|
||||||
|
<el-option label="完成" value="完成"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="制修订状态" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-select v-model="addForm.reviseStatus" placeholder="请选择制修订状态">
|
||||||
|
<el-option label="制定完成" value="制定完成"></el-option>
|
||||||
|
<el-option label="制定中" value="制定中"></el-option>
|
||||||
|
<el-option label="未制定" value="未制定"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="起草人" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-input
|
||||||
|
v-model="addForm.drafter"
|
||||||
|
placeholder="请输入起草人"
|
||||||
|
:maxlength="500"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="评审责任人" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-input
|
||||||
|
v-model="addForm.resPerson"
|
||||||
|
placeholder="请输入评审责任人"
|
||||||
|
:maxlength="500"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="工作组组长" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-input
|
||||||
|
v-model="addForm.wgLeader"
|
||||||
|
placeholder="请输入工作组组长"
|
||||||
|
:maxlength="500"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="计划标准初稿完成时间" style="width: 100%; margin-right:10px" prop="draftTime" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="addForm.draftTime"
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
type="date"
|
||||||
|
placeholder="请选择计划标准初稿完成时间">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="计划标准发布时间" style="width: 100%; margin-right:10px" prop="releaseTime" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="addForm.releaseTime"
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
type="date"
|
||||||
|
placeholder="请选择计划标准发布时间">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="起草责任单位" style="width: 100%; margin-right:10px" class="add-form-item" prop="unit">
|
||||||
|
<el-input
|
||||||
|
v-model="addForm.unit"
|
||||||
|
placeholder="请输入起草责任单位"
|
||||||
|
:maxlength="500"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="备注" style="width: 100%; margin-right:10px" class="add-form-item" prop="remake">
|
||||||
|
<el-input
|
||||||
|
v-model="addForm.remake"
|
||||||
|
placeholder="请输入备注"
|
||||||
|
:maxlength="500"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="demo-drawer-footer" v-if="DrawerType !== 'see'">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
class="common-button-primary"
|
||||||
|
icon="el-icon-check"
|
||||||
|
type="primary"
|
||||||
|
:loading="submitLoading"
|
||||||
|
@click="addDrawerSubmit">提交
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
class="common-button-default"
|
||||||
|
icon="el-icon-close"
|
||||||
|
@click="addDrawerClose">取消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-drawer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -104,27 +289,149 @@
|
|||||||
components: {},
|
components: {},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
submitLoading: false,
|
||||||
|
addDrawerTitle: '',
|
||||||
|
addDrawer: false,
|
||||||
|
DrawerType: '',
|
||||||
|
ids: [],
|
||||||
|
addForm: {
|
||||||
|
unit: '', // 单位
|
||||||
|
esName: '', // 企标名称
|
||||||
|
planStatus: '', // 计划状态
|
||||||
|
reviseStatus: '', // 制修订状态
|
||||||
|
resPerson: '', // 评审责任人
|
||||||
|
wgLeader: '', // 工作组组长
|
||||||
|
draftTime: '', // 计划标准初稿完成时间
|
||||||
|
releaseTime: '', // 计划标准发布时间
|
||||||
|
drafter: '', // 起草人
|
||||||
|
remake: '', // 备注
|
||||||
|
},
|
||||||
|
addFormRules: {},
|
||||||
form: {
|
form: {
|
||||||
page: 1,
|
page: 1,
|
||||||
pageSize: '',
|
pageSize: this.$store.getters.userInfo.configContent,
|
||||||
|
unit: '',
|
||||||
|
esName: '',
|
||||||
|
planStatus: '',
|
||||||
|
reviseStatus: '',
|
||||||
},
|
},
|
||||||
total: 0,
|
total: 0,
|
||||||
|
data: [],
|
||||||
|
|
||||||
data: []
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
props: {},
|
props: {},
|
||||||
watch: {},
|
watch: {},
|
||||||
methods: {
|
methods: {
|
||||||
pageChange () {},
|
addDrawerSubmit () {},
|
||||||
pageSizeChange () {},
|
addDrawerClose () {
|
||||||
handleCommand () {},
|
this.addDrawer = false
|
||||||
|
},
|
||||||
|
addData () {
|
||||||
|
this.addDrawerTitle = '新增'
|
||||||
|
this.DrawerType = 'add'
|
||||||
|
this.addDrawer = true
|
||||||
|
}, // 新增数据
|
||||||
|
deleteList () {
|
||||||
|
if (this.ids.length) {
|
||||||
|
this.$confirm('您是否确认删除选中数据?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
confirmButtonClass: 'common-button-primary',
|
||||||
|
roundButton: true
|
||||||
|
}).then(() => {
|
||||||
|
let ids = ''
|
||||||
|
this.ids.forEach(item => {
|
||||||
|
if (ids.length > 0) {
|
||||||
|
ids += ','
|
||||||
|
ids += item
|
||||||
|
} else {
|
||||||
|
ids = item
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.$http.get('esRevisePlan/es-revise-plan/delPlans', {
|
||||||
|
ids: ids
|
||||||
|
}, {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.$message.success('删除成功')
|
||||||
|
this.form.page = 1
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning('删除失败')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}).catch(() => {})
|
||||||
|
} else {
|
||||||
|
this.$message.warning('请选择要移除的数据')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
dataSelectChange (val) {
|
||||||
|
this.ids = []
|
||||||
|
val.forEach(item =>{
|
||||||
|
this.ids.push(item.id)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
searchData () {
|
||||||
|
this.form.page = 1
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
clearData () {
|
||||||
|
this.form.page = 1
|
||||||
|
this.form.unit = ''
|
||||||
|
this.form.esName = ''
|
||||||
|
this.form.planStatus = ''
|
||||||
|
this.form.reviseStatus = ''
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
pageChange (page) {},
|
||||||
|
pageSizeChange (pageSize) {},
|
||||||
|
handleCommand (command) {
|
||||||
|
switch (command[1]) {
|
||||||
|
case '编辑':
|
||||||
|
this.addDrawerTitle = '编辑'
|
||||||
|
this.DrawerType = 'edit'
|
||||||
|
this.addDrawer = true
|
||||||
|
break
|
||||||
|
case '删除':
|
||||||
|
this.$confirm('您是否确认删除选中数据?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
confirmButtonClass: 'common-button-primary',
|
||||||
|
roundButton: true
|
||||||
|
}).then(() => {
|
||||||
|
this.$http.get('esRevisePlan/es-revise-plan/delPlans', {
|
||||||
|
ids: command[0].id
|
||||||
|
}, {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.$message.success('删除成功')
|
||||||
|
this.form.page = 1
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning('删除失败')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}).catch(() => {})
|
||||||
|
break
|
||||||
|
case '查看':
|
||||||
|
this.addDrawerTitle = '查看'
|
||||||
|
this.DrawerType = 'see'
|
||||||
|
this.addDrawer = true
|
||||||
|
break
|
||||||
|
}
|
||||||
|
},
|
||||||
getData () {
|
getData () {
|
||||||
this.$http.get('esRevisePlan/es-revise-plan/getAllPlans', {}, {
|
this.$http.post('esRevisePlan/es-revise-plan/queryAllPlans', this.form, {
|
||||||
_this: this
|
_this: this
|
||||||
}, res => {
|
}, res => {
|
||||||
if (res.ok) {
|
if (res.ok) {
|
||||||
this.data = res.data
|
this.data = res.data.list
|
||||||
|
this.total = res.data.count
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@@ -141,15 +448,38 @@
|
|||||||
@import '~@/assets/styles/style';
|
@import '~@/assets/styles/style';
|
||||||
#enterpriseStandardPlan {
|
#enterpriseStandardPlan {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
.content {
|
background: #fff;
|
||||||
height: calc(~'100% - 53px');
|
/deep/.table-wrap {
|
||||||
.table-wrap {
|
.el-table__fixed {
|
||||||
height: calc(~'100% - 56px');
|
height: calc(~'100% - 20px') !important;
|
||||||
}
|
}
|
||||||
.pagination {
|
}
|
||||||
position: static;
|
height: 100%;
|
||||||
/deep/ .pagination-slot {
|
display: flex;
|
||||||
padding: 0;
|
flex-direction: column;
|
||||||
|
.content-center {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
flex: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
.table-wrap {
|
||||||
|
flex: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
.inner-wrap {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
/deep/ .pagination {
|
||||||
|
position: static;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user