Merge remote-tracking branch 'origin/develop' into develop

This commit is contained in:
zhaokaiyao@91isoft.com
2021-11-19 17:53:00 +08:00
46 changed files with 1950 additions and 4558 deletions
@@ -10,8 +10,8 @@
.bottom{height:320px;width:100%;margin: 0 auto;} .bottom{height:320px;width:100%;margin: 0 auto;}
.transparent{ background: url("images/bg.gif") repeat;} .transparent{ background: url("images/bg.gif") repeat;}
.bottom table tr td{border:1px dashed #ccc;} .bottom table tr td{border:1px dashed #ccc;}
#colorPicker{width: 17px;height: 17px;border: 1px solid #CCC;display: inline-block;3px;box-shadow: 2px 2px 5px #D3D6DA;} #colorPicker{width: 17px;height: 17px;border: 1px solid #CCC;display: inline-block;box-shadow: 2px 2px 5px #D3D6DA;}
.border_style1{padding:2px;border: 1px solid #ccc;5px;box-shadow:2px 2px 5px #d3d6da;} .border_style1{padding:2px;border: 1px solid #ccc;box-shadow:2px 2px 5px #d3d6da;}
p{margin: 5px 0} p{margin: 5px 0}
table{clear:both;margin-bottom:10px;border-collapse:collapse;word-break:break-all;} table{clear:both;margin-bottom:10px;border-collapse:collapse;word-break:break-all;}
li{clear:both} li{clear:both}
+6
View File
@@ -21,6 +21,7 @@
active-text-color="#000" active-text-color="#000"
router router
:collapse="isCollapse" :collapse="isCollapse"
@select="handleSelect"
> >
<template v-for="(item, index) in navMenuList"> <template v-for="(item, index) in navMenuList">
<el-submenu <el-submenu
@@ -473,6 +474,11 @@ export default {
mounted () { mounted () {
}, },
methods: { methods: {
handleSelect (key, keyPath) {
if (this.$route.path === key) {
this.$router.go(0)
}
},
handleToggleSideBar () { handleToggleSideBar () {
this.toggleSideBar(!this.isCollapse) this.toggleSideBar(!this.isCollapse)
}, },
+21
View File
@@ -11,6 +11,7 @@
ref="attributeEO" ref="attributeEO"
class="label-input-form" class="label-input-form"
:inline="true" :inline="true"
@submit.native.prevent
> >
<el-form-item class="form-item-disabled" style="margin: 10px;"> <el-form-item class="form-item-disabled" style="margin: 10px;">
<el-input <el-input
@@ -123,6 +124,26 @@
this.isVisible2 = false this.isVisible2 = false
}, },
saveUserInfo () { saveUserInfo () {
if (this.nodeList.length) {
let ids = ''
this.nodeList.forEach(item => {
if (ids.length > 0) {
ids += ','
ids += item
} else {
ids = item
}
})
let oldList = []
this.$http.get('SarInstitution/institution/getNextById', {
ids: ids
}, {
_this: this
}, res => {
oldList = res
})
} else {
}
this.isVisible2 = false this.isVisible2 = false
this.$emit('checkedRole', this.roleList) this.$emit('checkedRole', this.roleList)
}, },
@@ -356,10 +356,12 @@
}, },
handleSave() { handleSave() {
this.saveLoading = true this.saveLoading = true
let json = this.form
json.responUserList = this.tableData
let _formData = new FormData() let _formData = new FormData()
_formData.append('taskIds', this.taskIds) _formData.append('taskIds', this.taskIds)
_formData.append('json', JSON.stringify({ _formData.append('json', JSON.stringify({
form: this.form, form: json,
commentText: this.commentText, commentText: this.commentText,
})) }))
saveTaskForPub(_formData).then(res => { saveTaskForPub(_formData).then(res => {
@@ -374,7 +374,7 @@
<el-form-item label="核心技术要求" prop="technicalRequir" class="add-form-item" v-if="!form.itemsNum1"> <el-form-item label="核心技术要求" prop="technicalRequir" class="add-form-item" v-if="!form.itemsNum1">
<el-input <el-input
v-model="plForm.technicalRequir" v-model="plForm.technicalRequir"
placeholders="请输入核心技术要求" placeholder="请输入核心技术要求"
maxlength="500" maxlength="500"
></el-input> ></el-input>
</el-form-item> </el-form-item>
@@ -727,6 +727,7 @@ export default {
uploadBackSuccess (res, file, fileList) { uploadBackSuccess (res, file, fileList) {
if (res.ok) { if (res.ok) {
this.fileInfoList.push(res.data) this.fileInfoList.push(res.data)
this.listForm.fileName = this.fileInfoList
this.$message.success('上传成功') this.$message.success('上传成功')
} else { } else {
this.$message.error(res.message) this.$message.error(res.message)
@@ -784,7 +785,6 @@ export default {
* @description: 动态表单读取 * @description: 动态表单读取
*/ */
getFormFieldList (item) { getFormFieldList (item) {
console.log(item.commentText);
this.$nextTick(() => { this.$nextTick(() => {
this.listForm = JSON.parse(JSON.stringify(item)) this.listForm = JSON.parse(JSON.stringify(item))
if(item.form === undefined){ if(item.form === undefined){
@@ -51,7 +51,7 @@
</el-form-item> </el-form-item>
<el-form-item v-if="verifySarStandard" label="标准年份" prop="standYear" class="add-form-item form-item-disabled"> <el-form-item v-if="verifySarStandard" label="标准年份" prop="standYear" class="add-form-item form-item-disabled">
<el-input <el-input
v-model.number="form.standYear" v-model="form.standYear"
placeholder="请输入标准标准年份" placeholder="请输入标准标准年份"
clearable clearable
></el-input> ></el-input>
@@ -1498,12 +1498,12 @@
issueTime: [ issueTime: [
{ required: false, message: '请选择标准发布日期', trigger: 'change' } { required: false, message: '请选择标准发布日期', trigger: 'change' }
], ],
qcdw: [ // qcdw: [
{ required: true, message: '请选择起草单位', validator: validateQcdw, trigger: 'change' } // { required: true, message: '请选择起草单位', validator: validateQcdw, trigger: 'change' }
], // ],
cysd: [ // cysd: [
{ required: true, message: '请选择我司参与深度', validator: validateCysd, trigger: 'change' } // { required: true, message: '请选择我司参与深度', validator: validateCysd, trigger: 'change' }
], // ],
}, },
zrUserIds: [], // 选择多个会签责任人 zrUserIds: [], // 选择多个会签责任人
userType:'', // 选择用户ID判断 userType:'', // 选择用户ID判断
@@ -1483,12 +1483,12 @@ export default {
issueTime: [ issueTime: [
{ required: false, message: '请选择标准发布日期', trigger: 'change' } { required: false, message: '请选择标准发布日期', trigger: 'change' }
], ],
qcdw: [ // qcdw: [
{ required: true, message: '请选择起草单位', trigger: 'change' } // { required: true, message: '请选择起草单位', trigger: 'change' }
], // ],
cysd: [ // cysd: [
{ required: true, message: '请选择我司参与深度', trigger: 'change' } // { required: true, message: '请选择我司参与深度', trigger: 'change' }
], // ],
}, },
form: { form: {
// 基础信息 // 基础信息
@@ -46,8 +46,8 @@
style="display: none;" style="display: none;"
></el-input> ></el-input>
<div style="display: flex;"> <div style="display: flex;">
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in form.fjList" :key="index"> <div class="table-jump" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in form.fjList" :key="index">
{{ item.fileName }} <span @click="updataFj(item)">{{ item.fileName }}</span>
<el-button type="primary" class="common-button-primary" size="mini" @click="downloadFile(item.attId)">下载</el-button> <el-button type="primary" class="common-button-primary" size="mini" @click="downloadFile(item.attId)">下载</el-button>
</div> </div>
</div> </div>
@@ -375,7 +375,6 @@ export default {
let _formData = new FormData(); let _formData = new FormData();
let json = this.form; let json = this.form;
json.data = this.data; json.data = this.data;
console.log(json);
_formData.append("id", this.bpnId || ""); _formData.append("id", this.bpnId || "");
_formData.append("prcType", "3"); _formData.append("prcType", "3");
_formData.append("taskIds", this.taskIds); _formData.append("taskIds", this.taskIds);
@@ -426,6 +425,7 @@ export default {
this.form.endTime = data.endTime || data.form.endTime; this.form.endTime = data.endTime || data.form.endTime;
this.form.cname = data.cname || data.form.cname; this.form.cname = data.cname || data.form.cname;
this.oldData = JSON.parse(JSON.stringify(data.summaryList)) this.oldData = JSON.parse(JSON.stringify(data.summaryList))
console.log(data);
data.summaryList.forEach(item => { data.summaryList.forEach(item => {
if (item.state) { if (item.state) {
} else { } else {
@@ -433,6 +433,12 @@ export default {
} }
item.type = false; item.type = false;
}); });
data.info.forEach(item => {
if (item.state) {
} else {
item.state = "1";
}
});
this.json = data; this.json = data;
this.data = data.info this.data = data.info
if (data.introduce) { if (data.introduce) {
@@ -459,9 +459,11 @@ export default {
queryTaskFirst({ queryTaskFirst({
bpnId: this.$route.query.bpnId bpnId: this.$route.query.bpnId
}).then(res => { }).then(res => {
console.log(res.mes);
let mes = JSON.parse(res.mes) let mes = JSON.parse(res.mes)
this.roleForm = mes.roleForm this.roleForm = mes.roleForm
this.standardSearch = mes.standardSearch this.standardSearch = mes.qbfsForm
this.standShow = true
this.commentText = mes.commentText this.commentText = mes.commentText
}); });
}, },
@@ -567,7 +569,7 @@ export default {
_formData.append('id', this.bpnId || '') _formData.append('id', this.bpnId || '')
_formData.append('createUser', this.$store.getters.userInfo.userId) _formData.append('createUser', this.$store.getters.userInfo.userId)
_formData.append('createUserName', this.$store.getters.userInfo.userName) _formData.append('createUserName', this.$store.getters.userInfo.userName)
_formData.append('prcType', '23') _formData.append('prcType', '24')
_formData.append('json', JSON.stringify({ _formData.append('json', JSON.stringify({
roleForm: this.roleForm, roleForm: this.roleForm,
qbfsForm: this.standardSearch, qbfsForm: this.standardSearch,
@@ -243,6 +243,7 @@ export default {
components: { components: {
ProcessTitle ProcessTitle
}, },
props: ['message'],
data(){ data(){
return{ return{
formRules: { formRules: {
@@ -276,6 +277,15 @@ export default {
} }
}, },
watch:{
message: {
immediate: true,
deep: true,
handler(val) {
this.qbfsForm = val
}
}
},
methods: { methods: {
validateForm () { validateForm () {
let flag = null let flag = null
@@ -259,6 +259,7 @@ export default {
components: { components: {
ProcessTitle ProcessTitle
}, },
props: ['message'],
data(){ data(){
return{ return{
formRules: { formRules: {
@@ -298,6 +299,15 @@ export default {
} }
}, },
watch:{
message: {
immediate: true,
deep: true,
handler(val) {
this.qbfsForm = val
}
}
},
methods: { methods: {
validateForm () { validateForm () {
let flag = null let flag = null
@@ -97,6 +97,7 @@ export default {
components: { components: {
ProcessTitle ProcessTitle
}, },
props: ['message'],
data(){ data(){
return { return {
qbfsForm: { qbfsForm: {
@@ -148,6 +149,15 @@ export default {
} }
}, },
watch:{
message: {
immediate: true,
deep: true,
handler(val) {
this.qbfsForm = val
}
}
},
methods: { methods: {
validateForm () { validateForm () {
let flag = null let flag = null
@@ -307,6 +307,7 @@ export default {
components: { components: {
ProcessTitle ProcessTitle
}, },
props: ['message'],
data(){ data(){
return { return {
standShow: false, standShow: false,
@@ -372,6 +373,16 @@ export default {
}, },
mounted() { mounted() {
this.getStandDataBtn() this.getStandDataBtn()
},
watch:{
message: {
immediate: true,
deep: true,
handler(val) {
this.qbfsForm = val
}
}
}, },
methods: { methods: {
validateForm () { validateForm () {
@@ -250,6 +250,7 @@ export default {
components: { components: {
ProcessTitle ProcessTitle
}, },
props: ['message'],
data(){ data(){
return{ return{
formRules: { formRules: {
@@ -286,6 +287,15 @@ export default {
} }
}, },
watch:{
message: {
immediate: true,
deep: true,
handler(val) {
this.qbfsForm = val
}
}
},
methods: { methods: {
validateForm () { validateForm () {
let flag = null let flag = null
@@ -6,7 +6,9 @@
</ProcessHeader> </ProcessHeader>
<div class="headerTabs"> <div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div> <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div> <div class="headerTabsItem" v-if="approvalFlag" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
<div class="headerTabsItem" v-else :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
</div> </div>
<div class="content" v-show="active === '1'"> <div class="content" v-show="active === '1'">
<div style="flex: auto; overflow: auto"> <div style="flex: auto; overflow: auto">
@@ -20,16 +22,21 @@
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="调整类型" class="add-form-item form-item-disabled"> <el-form-item label="调整类型" class="add-form-item form-item-disabled">
<el-button size="small" type="primary" style="margin: 10px;" @click="toggleComName('merge')">合并</el-button> <el-button size="small" type="primary" style="margin: 10px;" @click="toggleComName('merge')">合并
<el-button size="small" type="primary" style="margin: 10px;" @click="toggleComName('delay')">延期</el-button> </el-button>
<el-button size="small" type="primary" style="margin: 10px;" @click="toggleComName('cancel')">取消</el-button> <el-button size="small" type="primary" style="margin: 10px;" @click="toggleComName('delay')">延期
<el-button size="small" type="primary" style="margin: 10px;" @click="toggleComName('rename')">更名</el-button> </el-button>
<el-button size="small" type="primary" style="margin: 10px;" @click="toggleComName('establish')">立项</el-button> <el-button size="small" type="primary" style="margin: 10px;" @click="toggleComName('cancel')">取消
</el-button>
<el-button size="small" type="primary" style="margin: 10px;" @click="toggleComName('rename')">更名
</el-button>
<el-button size="small" type="primary" style="margin: 10px;" @click="toggleComName('establish')">立项
</el-button>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<component ref="childForm" :is="comName" ></component> <component ref="childForm" :message="qbfsForm" :is="comName"></component>
</div> </div>
<div> <div>
<el-collapse accordion> <el-collapse accordion>
@@ -56,9 +63,9 @@
:model="roleForm" :model="roleForm"
:rules="roleFormRules" :rules="roleFormRules"
class="label-input-form"> class="label-input-form">
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''"> <el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.prcCreateUser ? '#66b1ff' : ''">
<el-card> <el-card>
<el-form-item prop="startUserName" style="margin-bottom: 0"> <el-form-item prop="prcCreateUserName" style="margin-bottom: 0">
<h4>标准法规工程师</h4> <h4>标准法规工程师</h4>
<div style="margin-top: 10px;width: 300px;"> <div style="margin-top: 10px;width: 300px;">
<el-input v-model="roleForm.prcCreateUser" style="display: none;"></el-input> <el-input v-model="roleForm.prcCreateUser" style="display: none;"></el-input>
@@ -69,7 +76,7 @@
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
<el-timeline-item timestamp="选择申请部门高级经理审核" placement="top" <el-timeline-item timestamp="选择申请部门高级经理审核" placement="top"
:color="roleForm.dockUser ? '#66b1ff' : ''" > :color="roleForm.dockUser ? '#66b1ff' : ''">
<el-card> <el-card>
<el-form-item prop="dockUserName" style="margin-bottom: 0"> <el-form-item prop="dockUserName" style="margin-bottom: 0">
<h4>申请部门高级经理</h4> <h4>申请部门高级经理</h4>
@@ -83,7 +90,7 @@
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
<el-timeline-item timestamp="选择申请部门中心主任会签" placement="top" <el-timeline-item timestamp="选择申请部门中心主任会签" placement="top"
:color="roleForm.countersigner ? '#66b1ff' : ''" > :color="roleForm.countersigner ? '#66b1ff' : ''">
<el-card> <el-card>
<el-form-item prop="countersignerName" style="margin-bottom: 0"> <el-form-item prop="countersignerName" style="margin-bottom: 0">
<h4>申请部门中心主任</h4> <h4>申请部门中心主任</h4>
@@ -97,7 +104,7 @@
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
<el-timeline-item timestamp="选择标准法规工作组组长审定" placement="top" <el-timeline-item timestamp="选择标准法规工作组组长审定" placement="top"
:color="roleForm.examine ? '#66b1ff' : ''" > :color="roleForm.examine ? '#66b1ff' : ''">
<el-card> <el-card>
<el-form-item prop="examineName" style="margin-bottom: 0"> <el-form-item prop="examineName" style="margin-bottom: 0">
<h4>标准法规工作组组长</h4> <h4>标准法规工作组组长</h4>
@@ -111,7 +118,7 @@
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
<el-timeline-item timestamp="选择标准法规部部长批准" placement="top" <el-timeline-item timestamp="选择标准法规部部长批准" placement="top"
:color="roleForm.approver ? '#66b1ff' : ''" > :color="roleForm.approver ? '#66b1ff' : ''">
<el-card> <el-card>
<el-form-item prop="approverName" style="margin-bottom: 0"> <el-form-item prop="approverName" style="margin-bottom: 0">
<h4>标准法规部部长</h4> <h4>标准法规部部长</h4>
@@ -125,7 +132,7 @@
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
<el-timeline-item timestamp="选择标准法规部工程师抄送" placement="top" <el-timeline-item timestamp="选择标准法规部工程师抄送" placement="top"
:color="roleForm.engineer ? '#66b1ff' : ''" > :color="roleForm.engineer ? '#66b1ff' : ''">
<el-card> <el-card>
<el-form-item prop="engineerName" style="margin-bottom: 0"> <el-form-item prop="engineerName" style="margin-bottom: 0">
<h4>标准法规部工程师</h4> <h4>标准法规部工程师</h4>
@@ -142,6 +149,73 @@
</el-timeline> </el-timeline>
</div> </div>
</div> </div>
<div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%">
<el-table
height="100%"
ref="selection"
:data="detailData"
tooltip-effect="dark"
style="width: 100%"
border
row-key="id"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
>
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
prop="name"
label="任务步骤"
align="center"
>
</el-table-column>
<el-table-column
prop="assignee"
label="任务受理人"
align="center"
>
</el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
sortable="custom"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
</template>
</el-table-column>
<el-table-column
prop="endTime"
label="完成时间"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
</template>
</el-table-column>
<el-table-column
prop="comment"
label="流程信息"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.commentText }}</span>
</template>
</el-table-column>
<el-table-column
prop="completeFlag"
label="状态"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
</template>
</el-table-column>
</el-table>
<loading :loading="loading">流程列表加载中</loading>
</div>
</div>
<ProcessFooter <ProcessFooter
show-save show-save
show-submit show-submit
@@ -178,11 +252,11 @@ import rename from "process/creatProcess/qbzxdjhgk/component/rename";
import establish from "process/creatProcess/qbzxdjhgk/component/establish"; import establish from "process/creatProcess/qbzxdjhgk/component/establish";
import delay from "process/creatProcess/qbzxdjhgk/component/delay"; import delay from "process/creatProcess/qbzxdjhgk/component/delay";
import cancel from "process/creatProcess/qbzxdjhgk/component/cancel"; import cancel from "process/creatProcess/qbzxdjhgk/component/cancel";
import {saveTaskFirst,queryTaskFirst, inboundLiaisonDetail } from "api/process"; import { saveTaskFirst, queryTaskFirst, inboundLiaisonDetail } from "api/process";
export default { export default {
name: "qbzxdjhgkStep1", name: "qbzxdjhgkStep1",
components:{ components: {
ProcessHeader, ProcessHeader,
ProcessFooter, ProcessFooter,
ProcessTitle, ProcessTitle,
@@ -190,88 +264,222 @@ export default {
rename, rename,
establish, establish,
delay, delay,
cancel, cancel
}, },
data(){ data() {
return{ return {
active: '1', active: "1",
commentText: '', commentText: "",
comName: 'merge', comName: "merge",
drawerTitle: '', qbfsForm: {},
approvalFlag: false,
taskId: '',
bpnId: '',
drawerTitle: "",
nodeList: [], nodeList: [],
nodeList2: [], nodeList2: [],
detailData: [],
isSubmit: false, isSubmit: false,
saveLoading: false, saveLoading: false,
modalshowflag: false, modalshowflag: false,
modalshowflag2: false, modalshowflag2: false,
loading: false,
roleForm: { roleForm: {
prcCreateUserName: this.$store.getters.userInfo.userName, prcCreateUserName: this.$store.getters.userInfo.userName,
prcCreateUser: this.$store.getters.userInfo.userId, prcCreateUser: this.$store.getters.userInfo.userId,
dockUser: '', dockUser: "",
dockUserName: '', dockUserName: "",
countersigner: '', countersigner: "",
countersignerName: '', countersignerName: "",
approver: '', approver: "",
approverName: '', approverName: "",
engineer: "", engineer: "",
engineerName: "", engineerName: "",
examine: '', examine: "",
examineName: '', examineName: ""
}, },
//必填人员校验规则 //必填人员校验规则
roleFormRules: { roleFormRules: {
dockUserName: [ dockUserName: [
{required: true, message: "请选择工作组组长", trigger: "change"} { required: true, message: "请选择工作组组长", trigger: "change" }
], ]
}, }
};
},
mounted() {
this.taskId = this.$route.query.taskIds
this.bpnId = this.$route.query.bpnId
if (this.bpnId !== undefined) {
this.getDatas()
} }
if(this.taskId){
this.approvalFlag = true
this.processTable()
}
this.getData();
}, },
methods: { methods: {
handleTabs(name){ processTable() {
this.active = name this.$http.get("lawss/activiti/get_list_by_instance", {
prcNum: this.$route.query.prcNum,
sortWord: this.shunxu ? this.paixu : "",
shunxu: this.shunxu
}, {
loading: "loading",
_this: this
}, res => {
this.detailData = res
}, e => {
})
}, },
toggleComName(name){ getDatas(){
this.comName = name queryTaskFirst({
bpnId: this.$route.query.bpnId
}).then(res => {
let mes = JSON.parse(res.mes)
this.roleForm = mes.roleForm
this.qbfsForm = mes.qbfsForm
this.commentText = mes.commentText
});
}, },
//流程保存 getData() {
handleSave(){ return new Promise((resolve, reject) => {
inboundLiaisonDetail({
taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId
}).then(res => {
if (res) {
const processForm = JSON.parse(res.mesg);
this.getFormFieldList(processForm);
}
}).catch(e => {
});
});
},
/**
* @description: 动态表单读取
*/
getFormFieldList(item) {
this.$nextTick(() => {
this.qbfsForm = item;
this.roleForm.dockUser = item.dockUser;
this.roleForm.dockUserName = item.dockUserName;
this.roleForm.countersigner = item.countersigner;
this.roleForm.countersignerName = item.countersignerName;
this.roleForm.approver = item.approver;
this.roleForm.approverName = item.approverName;
this.roleForm.engineer = item.engineer;
this.roleForm.engineerName = item.engineerName;
this.roleForm.examine = item.examine;
this.roleForm.examineName = item.examineName;
});
},
handleTabs(name) {
this.active = name;
},
toggleComName(name) {
this.comName = name;
if(this.comName === 'merge'){
this.$refs["childForm"].qbfsForm = '1'
}else if(this.comName === 'delay'){
this.$refs["childForm"].qbfsForm.type = '2'
}else if(this.comName === 'cancel'){
this.$refs["childForm"].qbfsForm.type = '3'
}else if(this.comName === 'rename'){
this.$refs["childForm"].qbfsForm.type = '4'
}else if(this.comName === 'establish'){
this.$refs["childForm"].qbfsForm.type = '5'
}
}, },
//流程保存
handleSave() {
let qbzxdFrom = this.$refs["childForm"].qbfsForm;
this.saveLoading = true
let _formData = new FormData()
_formData.append('id', this.bpnId || '')
_formData.append('createUser', this.$store.getters.userInfo.userId)
_formData.append('createUserName', this.$store.getters.userInfo.userName)
_formData.append('prcType', '25')
_formData.append('json', JSON.stringify({
roleForm: this.roleForm,
qbfsForm: qbzxdFrom,
commentText: this.commentText
}))
saveTaskFirst(_formData).then(res => {
this.saveLoading = false
this.$message.success('保存成功')
this.bpnId = res.result
}).catch(e => {
this.saveLoading = false
})
},
//流程提交 //流程提交
handleSubmit(){ handleSubmit() {
let flag = this.$refs['childForm'].validateForm() if (this.$route.query.prcNum === undefined) {
let qbzxdFrom = this.$refs["childForm"].qbfsForm let flag = this.$refs["childForm"].validateForm();
if(flag){ let qbzxdFrom = this.$refs["childForm"].qbfsForm;
this.$refs['roleForm'].validate((valid) => { if (flag) {
if(valid){ this.$refs["roleForm"].validate((valid) => {
this.isSubmit = true if (valid) {
var json = Object.assign(qbzxdFrom, this.roleForm) this.isSubmit = true;
this.$http.get('lawss/activiti/startProcess', {type: '25'}, { var json = Object.assign(qbzxdFrom, this.roleForm);
_this: this this.$http.get("lawss/activiti/startProcess", { type: "25" }, {
}, res => { _this: this
if (res.ok) { }, res => {
this.$http.post('lawss/activiti/completeTask', { if (res.ok) {
taskIds: res.data, this.$http.post("lawss/activiti/completeTask", {
userId : this.$store.getters.userInfo.userId, taskIds: res.data,
json: JSON.stringify(json) userId: this.$store.getters.userInfo.userId,
}, { json: JSON.stringify(json)
_this: this }, {
}, res => { _this: this
if (res.success) { }, res => {
this.$message.success(res.message) if (res.success) {
this.isSubmit = false this.$message.success(res.message);
this.$router.push({path:'/processCenter?tabsName=ProcessCenter'}) this.isSubmit = false;
} this.$router.push({ path: "/processCenter?tabsName=ProcessCenter" });
}) }
} });
}) }
}else{ });
this.$message.warning('请完善人员信息') } else {
} this.$message.warning("请完善人员信息");
}) }
}else{ });
this.$message.warning('请完善基础信息') } else {
} this.$message.warning("请完善基础信息");
}
} else {
let flag = this.$refs["childForm"].validateForm();
let qbzxdFrom = this.$refs["childForm"].qbfsForm;
if (flag) {
this.$refs["roleForm"].validate((valid) => {
if (valid) {
this.isSubmit = true;
var json = Object.assign(qbzxdFrom, this.roleForm);
this.$http.post("lawss/activiti/completeTask", {
taskIds: this.$route.query.taskIds,
userId: this.$store.getters.userInfo.userId,
json: JSON.stringify(json)
}, {
_this: this
}, res => {
if (res.success) {
this.$message.success(res.message);
this.isSubmit = false;
this.$router.push({ path: "/processCenter?tabsName=ProcessCenter" });
}
});
} else {
this.$message.warning("请完善人员信息");
}
});
} else {
this.$message.warning("请完善基础信息");
}
}
}, },
// 流程阶段负责人选择 // 流程阶段负责人选择
@@ -282,17 +490,17 @@ export default {
this.drawerTitle = title; this.drawerTitle = title;
this.modalshowflag = true; this.modalshowflag = true;
}, },
checkedRole (data) { checkedRole(data) {
if (this.type === "dockUser") { if (this.type === "dockUser") {
this.roleForm.dockUser = data[0].id; this.roleForm.dockUser = data[0].id;
this.roleForm.dockUserName = data[0].name; this.roleForm.dockUserName = data[0].name;
}else if(this.type === 'examine'){ } else if (this.type === "examine") {
this.roleForm.examine = data[0].id; this.roleForm.examine = data[0].id;
this.roleForm.examineName = data[0].name; this.roleForm.examineName = data[0].name;
}else if(this.type === 'approver'){ } else if (this.type === "approver") {
this.roleForm.approver = data[0].id; this.roleForm.approver = data[0].id;
this.roleForm.approverName = data[0].name; this.roleForm.approverName = data[0].name;
}else if(this.type === 'engineer'){ } else if (this.type === "engineer") {
this.roleForm.engineer = data[0].id; this.roleForm.engineer = data[0].id;
this.roleForm.engineerName = data[0].name; this.roleForm.engineerName = data[0].name;
} }
@@ -318,8 +526,8 @@ export default {
}); });
this.roleForm.countersigner = idList; this.roleForm.countersigner = idList;
this.roleForm.countersignerName = nameList; this.roleForm.countersignerName = nameList;
}, }
}, }
}; };
</script> </script>
@@ -395,6 +395,41 @@
<div class="demo-drawer-content"> <div class="demo-drawer-content">
<div style="position: absolute;bottom: 48px;top:60px;left: 0;right: 0"> <div style="position: absolute;bottom: 48px;top:60px;left: 0;right: 0">
<div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0"> <div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
<div class="left">
<el-form :modal="projectSearch" :inline="true" class="label-input-form" style="margin-left:10px">
<el-form-item label="产品线" class="search-item search-item-last">
<el-input
v-model="projectSearch.productLine"
placeholder="请输入产品线"
></el-input>
</el-form-item>
<el-form-item label="产品线责任人" class="search-item search-item-last">
<el-input
v-model="projectSearch.uname"
placeholder="请输入产品线责任人"
></el-input>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
:loading="searching"
type="primary"
class="common-button-primary"
size="small"
v-btn-permission=""
@click="getProductData">
查询
</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
class="common-button-default"
size="small"
v-btn-permission=""
@click="clearProject">清空
</el-button>
</el-form-item>
</el-form>
</div>
<el-table <el-table
:data="productData" :data="productData"
tooltip-effect="dark" tooltip-effect="dark"
@@ -490,6 +525,10 @@ export default {
standType: "", standType: "",
standName: "" standName: ""
}, },
projectSearch: {
productLine: '',
uname: '',
},
standardTypeOptions: [ standardTypeOptions: [
{ {
value: "INLAND", value: "INLAND",
@@ -933,11 +972,20 @@ export default {
this.pageSizeNo = this.$store.getters.userInfo.configContent; this.pageSizeNo = this.$store.getters.userInfo.configContent;
this.getProductData(); this.getProductData();
}, },
//清空产品线数据
clearProject(){
this.projectSearch = {
productLine: '',
uname: '',
}
this.getProductData()
},
//获取产品线数据 //获取产品线数据
getProductData() { getProductData() {
this.$http.get("sarStandProjectLibrary/queryProjectManager", { this.$http.get("sarStandProjectLibrary/queryProjectManager", {
current: this.pageNo, current: this.pageNo,
pageSize: this.pageSizeNo PageSize: this.pageSizeNo,
...this.projectSearch
}, { }, {
_this: this _this: this
}, res => { }, res => {
@@ -397,6 +397,41 @@
<div class="demo-drawer-content"> <div class="demo-drawer-content">
<div style="position: absolute;bottom: 48px;top:60px;left: 0;right: 0"> <div style="position: absolute;bottom: 48px;top:60px;left: 0;right: 0">
<div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0"> <div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
<div class="left">
<el-form :modal="projectSearch" :inline="true" class="label-input-form" style="margin-left:10px">
<el-form-item label="产品线" class="search-item search-item-last">
<el-input
v-model="projectSearch.productLine"
placeholder="请输入产品线"
></el-input>
</el-form-item>
<el-form-item label="产品线责任人" class="search-item search-item-last">
<el-input
v-model="projectSearch.uname"
placeholder="请输入产品线责任人"
></el-input>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
:loading="searching"
type="primary"
class="common-button-primary"
size="small"
v-btn-permission=""
@click="getProductData">
查询
</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
class="common-button-default"
size="small"
v-btn-permission=""
@click="clearProject">清空
</el-button>
</el-form-item>
</el-form>
</div>
<el-table <el-table
:data="productData" :data="productData"
tooltip-effect="dark" tooltip-effect="dark"
@@ -488,6 +523,10 @@ export default {
// 查询相关参数 // 查询相关参数
searching: false, searching: false,
fileType: "FBGBJBD", fileType: "FBGBJBD",
projectSearch: {
productLine: '',
uname: '',
},
standardSearch: { standardSearch: {
standType: "", standType: "",
standName: "" standName: ""
@@ -869,7 +908,11 @@ export default {
}, { }, {
_this: this _this: this
}, res => { }, res => {
this.listForm.breakdownList = res.data; let breakdown = res.data
breakdown.forEach(item => {
delete item.termsConditions
})
this.listForm.breakdownList = breakdown;
this.ListModel = false; this.ListModel = false;
}, e => { }, e => {
this.$message.error("添加失败"); this.$message.error("添加失败");
@@ -926,11 +969,20 @@ export default {
this.pageSizeNo = this.$store.getters.userInfo.configContent; this.pageSizeNo = this.$store.getters.userInfo.configContent;
this.getProductData(); this.getProductData();
}, },
//清空产品线数据
clearProject(){
this.projectSearch = {
productLine: '',
uname: '',
}
this.getProductData()
},
//获取产品线数据 //获取产品线数据
getProductData() { getProductData() {
this.$http.get("sarStandProjectLibrary/queryProjectManager", { this.$http.get("sarStandProjectLibrary/queryProjectManager", {
current: this.pageNo, current: this.pageNo,
pageSize: this.pageSizeNo PageSize: this.pageSizeNo,
...this.projectSearch
}, { }, {
_this: this _this: this
}, res => { }, res => {
@@ -381,35 +381,34 @@
<el-button type="primary" size="mini" @click="okStand">添加</el-button> <el-button type="primary" size="mini" @click="okStand">添加</el-button>
</div> </div>
</el-drawer> </el-drawer>
<ProcessFooter
show-save
show-transfer
show-affirm
:submitLoading="isSubmit"
:transfer-loading="isTransfer"
:saveLoading="saveLoading"
@submit="handleSubmit"
@transfer="handleTransfer"
@save="handleSave"
:approval="true"
>
</ProcessFooter>
<!-- <ProcessFooter--> <!-- <ProcessFooter-->
<!-- :show-save="submitShow"--> <!-- show-save-->
<!-- :show-transfer="submitShow"--> <!-- show-transfer-->
<!-- :show-affirm="submitShow"--> <!-- show-affirm-->
<!-- :show-submit="submitShow"-->
<!-- :show-confirm="acceptShow"-->
<!-- :submitLoading="isSubmit"--> <!-- :submitLoading="isSubmit"-->
<!-- :transfer-loading="isTransfer"--> <!-- :transfer-loading="isTransfer"-->
<!-- :saveLoading="saveLoading"--> <!-- :saveLoading="saveLoading"-->
<!-- @submit="handleSubmit"--> <!-- @submit="handleSubmit"-->
<!-- @transfer="handleTransfer"--> <!-- @transfer="handleTransfer"-->
<!-- @save="handleSave"--> <!-- @save="handleSave"-->
<!-- @accept="handleAccept"-->
<!-- :approval="true"--> <!-- :approval="true"-->
<!-- >--> <!-- >-->
<!-- </ProcessFooter>--> <!-- </ProcessFooter>-->
<ProcessFooter
:show-save="submitShow"
:show-transfer="submitShow"
:show-affirm="submitShow"
show-confirm
:submitLoading="isSubmit"
:transfer-loading="isTransfer"
:saveLoading="saveLoading"
@submit="handleSubmit"
@transfer="handleTransfer"
@save="handleSave"
@accept="handleAccept"
:approval="true"
>
</ProcessFooter>
<!-- 福田全公司选人解决方案 --> <!-- 福田全公司选人解决方案 -->
<Role-tree <Role-tree
check-box check-box
@@ -46,7 +46,7 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="标准编号/政策编号" label="标准编号/政策编号"
prop="lawId" prop="lawCode"
align="center" align="center"
width="300" width="300"
> >
@@ -221,7 +221,7 @@
<el-form :model="standardSearchForm" inline class="label-input-form search-area"> <el-form :model="standardSearchForm" inline class="label-input-form search-area">
<el-form-item label="标准编号/政策编号" style="margin-right:10px" prop="lawsNumber" class="search-item"> <el-form-item label="标准编号/政策编号" style="margin-right:10px" prop="lawsNumber" class="search-item">
<el-input <el-input
v-model="standardSearchForm.lawId" v-model="standardSearchForm.lawCode"
clearable placeholder="根据编号查找" clearable placeholder="根据编号查找"
:maxlength="100" :maxlength="100"
@keyup.enter.native="getDomesticStandardTable"/> @keyup.enter.native="getDomesticStandardTable"/>
@@ -278,7 +278,7 @@
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="lawId" prop="lawCode"
width="200" width="200"
label="标准编号/政策编号" label="标准编号/政策编号"
align="center"> align="center">
@@ -382,7 +382,7 @@ export default {
taskTableData: [] taskTableData: []
}, },
standardSearchForm: { standardSearchForm: {
lawId: '', lawCode: '',
lawName: '', lawName: '',
productType: '', productType: '',
page: 1, page: 1,
@@ -540,7 +540,22 @@ export default {
// 带入 // 带入
case 2: case 2:
if (this.standardCheckedList && this.standardCheckedList.length >= 1) { if (this.standardCheckedList && this.standardCheckedList.length >= 1) {
this.infoTableDatas = this.standardCheckedList let exits = [];
this.standardCheckedList.map(item =>{
let newStand = false;
for (let itemKey of this.infoTableDatas) {
if (item.id == itemKey.id){
newStand = true;
break;
}
}
if (newStand){
this.$message.warning("请勿重复添加数据");
}else {
this.infoTableDatas.push(item);
exits.push(item.id);
}
})
this.standardDrawer = false this.standardDrawer = false
} else { } else {
this.$message.warning('请选择要带入的数据') this.$message.warning('请选择要带入的数据')
@@ -583,7 +598,7 @@ export default {
}, },
//清空搜索条件 //清空搜索条件
handleResetSearch() { handleResetSearch() {
this.standardSearchForm.lawId = '' this.standardSearchForm.lawCode = ''
this.standardSearchForm.lawName = '' this.standardSearchForm.lawName = ''
this.standardSearchForm.productType = '' this.standardSearchForm.productType = ''
this.standardSearchForm.standType = 'INLAND' this.standardSearchForm.standType = 'INLAND'
@@ -693,50 +708,55 @@ export default {
}, },
//提交事件 //提交事件
handleSubmit() { handleSubmit() {
this.$refs['zdrzbzORzchgxxmscForm'].validate((valid) => { if (this.infoTableDatas.length>0){
if (valid) { this.$refs['zdrzbzORzchgxxmscForm'].validate((valid) => {
this.$refs['Form'].validate((valid) => { if (valid) {
if (valid) { this.$refs['Form'].validate((valid) => {
this.isSubmit = true if (valid) {
let infoTableDatas = [] this.isSubmit = true
infoTableDatas = JSON.stringify(this.infoTableDatas) let infoTableDatas = []
localStorage.setItem('infoTableDatas', JSON.stringify(this.infoTableDatas)) infoTableDatas = JSON.stringify(this.infoTableDatas)
this.$http.get('lawss/activiti/startProcess', { localStorage.setItem('infoTableDatas', JSON.stringify(this.infoTableDatas))
type: 'laws3', this.$http.get('lawss/activiti/startProcess', {
}, {_this: this}, res => { type: 'laws3',
if (res.ok) { }, {_this: this}, res => {
var json = Object.assign(this.form, this.roleForm) if (res.ok) {
json.commentText = this.commentText var json = Object.assign(this.form, this.roleForm)
// json.filesId = this.addFjList json.commentText = this.commentText
// json.filesName = this.form.fjListName // json.filesId = this.addFjList
json.infoTableDatas = infoTableDatas // json.filesName = this.form.fjListName
this.$http.post('lawss/activiti/completeTask', { json.infoTableDatas = infoTableDatas
json: JSON.stringify(json), this.$http.post('lawss/activiti/completeTask', {
taskId: res.data, json: JSON.stringify(json),
userId: this.$store.getters.userInfo.userId taskId: res.data,
}, {_this: this}, res => { userId: this.$store.getters.userInfo.userId
if (res.success) { }, {_this: this}, res => {
this.$message.success('流程发起成功') if (res.success) {
this.$router.push('/processCenter') this.$message.success('流程发起成功')
this.isSubmit = false this.$router.push('/processCenter')
} else { this.isSubmit = false
this.$message.warning('流程启动失败') } else {
this.isSubmit = false this.$message.warning('流程启动失败')
} this.isSubmit = false
}) }
} else { })
this.$message.warning('流程启动失败') } else {
this.isSubmit = false this.$message.warning('流程启动失败')
} this.isSubmit = false
}) }
} else { })
return this.$message.warning('请完善人员信息') } else {
} return this.$message.warning('请完善人员信息')
}) }
} else { })
return this.$message.warning('请完善基础信息') } else {
} return this.$message.warning('请完善基础信息')
}) }
})
}else {
this.$message.warning('请完善基础信息')
}
}, },
} }
} }
@@ -40,7 +40,7 @@
<el-table-column <el-table-column
label="标准编号/政策编号" label="标准编号/政策编号"
align="center" align="center"
prop="lawId" prop="lawCode"
width="300" width="300"
> >
</el-table-column> </el-table-column>
@@ -39,7 +39,7 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="标准编号/政策编号" label="标准编号/政策编号"
prop="lawId" prop="lawCode"
align="center" align="center"
width="300" width="300"
> >
@@ -53,7 +53,7 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="标准编号/政策编号" label="标准编号/政策编号"
prop="lawId" prop="lawCode"
align="center" align="center"
width="300" width="300"
> >
@@ -1,475 +0,0 @@
<template>
<div class="zdrzbzORzchgxxmsc-step5-2">
<ProcessHeader toggle>
<template slot="proName">重点认证标准/政策合规性项目审查流程</template>
<template slot="proNode">责任人反馈产品规划部信息</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
</div>
<div class="content" v-show="active === '1'">
<div style="flex: auto; overflow: auto;">
<el-form
ref="bzzqyjForm"
:model="form"
:rules="formRules"
class="label-input-form"
label-width="210px"
>
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<div style="height: 450px">
<el-table
ref="multipleTable"
tooltip-effect="dark"
border
style="width: 100%;"
height="100%"
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
type="index"
label="序号"
width="55"
align="center">
</el-table-column>
<el-table-column
label="业务"
align="center"
width="150"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="平台"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="项目"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="项目描述"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="当前节点"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="概念状态"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="150"
label="概念计划下发时间">
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="120"
label="概念修订计划">
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="400"
label="其他说明">
</el-table-column>
</el-table>
</div>
</el-form>
</div>
<el-collapse accordion>
<el-collapse-item title="审批意见">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<div class="content" v-show="active === '2'">
<el-table
height="100%"
ref="selection"
:data="histortData"
tooltip-effect="dark"
style="width: 100%"
border
row-key="id"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
<el-table-column
prop="name"
label="任务步骤"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="assignee"
label="任务受理人"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
sortable="custom"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
</template>
</el-table-column>
<el-table-column
prop="endTime"
label="完成时间"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
</template>
</el-table-column>
<el-table-column
prop="comment"
label="流程信息"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.commentText }}</span>
</template>
</el-table-column>
<el-table-column
prop="completeFlag"
label="状态"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
</template>
</el-table-column>
</el-table>
</div>
<ProcessFooter
show-submit
show-save
:submitLoading="isSubmit"
:saveLoading="saveLoading"
show-transfer
@transfer="handleTransfer"
@save="handleSave"
@submit="handleSubmit"
>
</ProcessFooter>
<Role-tree
check-box
is-title="转办处理人"
:is-visible.sync="drawerModal"
@checkedRole="checkedRole"
></Role-tree>
</div>
</template>
<script>
import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle";
import {inboundLiaisonDetail, processCreateStand, saveTaskForPub, changeAssigneeNew} from "api/process";
import axios from "axios";
export default {
name: "zdrzbzORzchgxxmscStep5-2",
data() {
return {
drawerModal: false,
histortData: [],
commentText: "",
taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId,
nodeList: [],
type: "",
modalshowflag: false, // drawer开关
drawerTitle: "", //drawer标题
textarea: "", // 意见
ListModel: false, // 新增编辑抽屉开关
active: "1", // 默认显示
isSubmit: false,
saveLoading: false,
form: {
cid: "", // 政策编号
endTime: "", // 责任部门领导审批 截止时间
cname: "", // 名称
fjList: [],
fjListId: '',
responUserList: "",
responUserListName: ""
},
formRules: {
responUserList: [
{required: true, message: "请选择责任人", trigger: "change"}
]
},
json: {}
};
},
components: {
ProcessHeader,
ProcessFooter,
ProcessTitle
},
methods: {
handleTransfer() {
this.drawerModal = true
},
checkedRole(data) {
changeAssigneeNew({
taskId: this.$route.query.taskIds, // 任务id
userId: this.$store.getters.userInfo.userId, // 委托人
assignee: data[0].id, // 被委托人
pId: this.$route.query.prcId, // 流程实例
}).then(res => {
if (res.success) {
this.drawerModal = false
this.$message.success('调整成功')
this.processNum()
this.$router.push({path: '/processCenter?tabsName=ProcessCenter'})
} else {
this.$message.warning(res.message)
}
})
},
// 请求转换流程图
processNum(row) {
axios.request({
url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
responseType: 'blob',
method: 'get',
params: {
prcNum: this.$route.query.prcNum
}
}).then(res => {
this.processStep = window.URL.createObjectURL(res.data)
})
},
getHistoryData() {
this.$http.get("lawss/activiti/get_list_by_instance", {
prcNum: this.$route.query.prcNum
}, {}, res => {
this.histortData = res;
}, e => {
});
},
checkedRole2(data) {
var idList = "";
var nameList = "";
data.forEach(item => {
if (nameList.length > 0) {
nameList += ",";
idList += ",";
}
idList += item.id;
nameList += item.name;
});
this.form.responUserList = idList;
this.form.responUserListName = nameList;
},
choiceZRR() {
this.nodeList = [];
if (this.form.responUserList.length > 0) {
this.nodeList = this.form.responUserList.split(",");
}
this.modalshowflag = true;
},
handleTabs(name) {
this.active = name;
},
//保存事件
handleSave() {
this.saveLoading = true;
let _formData = new FormData();
_formData.append("id", this.bpnId || "");
_formData.append("prcType", "3");
_formData.append("taskIds", this.taskIds);
_formData.append("json", JSON.stringify({
form: this.form,
commentText: this.commentText
}));
saveTaskForPub(_formData).then(res => {
this.saveLoading = false;
this.$message.success("保存成功");
this.bpnId = res.result;
}).catch(e => {
this.saveLoading = false;
});
},
handleSubmit() {
this.$refs["bzzqyjForm"].validate((valid) => {
if (valid) {
this.isSubmit = true;
var json = this.json;
json.commentText = this.commentText;
json.responUserList = this.form.responUserList;
json.responUserListName = this.form.responUserListName;
json.introduce = false;
this.$http.post("lawss/activiti/completeTask", {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success("提交成功");
this.$router.push("/processCenter");
}
this.isSubmit = false;
});
} else {
return this.$message.warning("请完善基础信息");
}
});
},
handleSubmitNo() {
if (this.commentText) {
var json = this.json
json.actionFlag = 1
json.commentText = this.commentText
this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success('提交成功')
this.$router.push('/processCenter')
}
})
} else {
this.$message.warning('请输入反馈意见')
}
},
getData() {
return new Promise((resolve, reject) => {
inboundLiaisonDetail({
taskIds: this.taskIds,
pId: this.pId
}).then(res => {
let data = JSON.parse(res.mesg)
this.form.cid = data.cid
this.form.endTime = data.endTime
this.form.cname = data.cname
this.form.fjList = data.fjList
this.form.fjListId = data.fjListId
this.json = data
}).catch(e => {
});
});
}
},
mounted() {
this.getHistoryData();
this.getData();
}
};
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.zdrzbzORzchgxxmsc-step5-2 {
/deep/ .el-drawer__container {
.prc-content-border {
border: none;
padding: 0 20px 0;
}
}
.fileClass {
cursor: pointer;
}
.fileClass:hover {
color: #0c91e5;
}
position: relative;
height: 100%;
.headerTabs {
height: 52px;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 10px;
.headerTabsItem {
border: 1px solid #c1c1c1;
padding: 0 5px;
height: 30px;
line-height: 30px;
cursor: pointer;
}
.active {
border: 1px solid #E6A23C;
color: #fff;
background: #E6A23C;
}
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
margin-bottom: 10px;
height: 30px;
line-height: 30px;
position: relative;
font-size: 13px;
font-weight: bold;
.tableButton {
position: absolute;
right: 0;
top: 0;
}
}
}
}
</style>
@@ -37,13 +37,13 @@
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="lawId" prop="lawCode"
label="标准编号/政策编号" label="标准编号/政策编号"
align="center" align="center"
width="150" width="150"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-input style="margin: 10px 0;" v-model="scope.row.lawId"></el-input> <el-input style="margin: 10px 0;" v-model="scope.row.lawCode"></el-input>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -1,594 +0,0 @@
<template>
<div class="zdrzbzORzchgxxmsc-step6-1">
<ProcessHeader toggle>
<template slot="proName">重点认证标准/政策合规性项目审查流程</template>
<template slot="proNode">{{ feedbackDept === '1' ? '事业部' : '产品规划部' }}责任部门领导批准</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
</div>
<div class="content" v-show="active === '1'">
<div style="flex: auto; overflow: auto;">
<el-form
ref="zdrzbzORzchgxxmscForm"
:model="form"
:rules="formRules"
class="label-input-form"
label-width="210px"
>
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<!--这个div是事业部信息-->
<div style="height: 450px" v-if="feedbackDept === '1'">
<el-table
ref="multipleTable"
:data="data"
tooltip-effect="dark"
border
style="width: 100%; flex: auto;"
height="100%"
class="drag-table"
:default-sort="{prop: 'chapterNumber', order: 'ascending'}"
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
label="标准编号/政策编号"
align="center"
width="150"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="标准名称/政策名称"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
prop="issueTime"
sortable="custom"
width="120"
align="center"
label="产品类型">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="实施日期">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="实施要求">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="130"
label="资源符合情况">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="开发计划">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="SOP时间">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="完成情况">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="400"
label="SOP时间超过法规时限的空档期的业务应对方案">
</el-table-column>
</el-table>
</div>
<!--这个div是产品规划部信息-->
<div style="height: 450px" v-else-if="feedbackDept === '2'">
<el-table
ref="multipleTable"
:data="data"
tooltip-effect="dark"
border
style="width: 100%; flex: auto;"
height="100%"
class="drag-table"
:default-sort="{prop: 'chapterNumber', order: 'ascending'}"
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
type="index"
label="序号"
width="55"
align="center">
</el-table-column>
<el-table-column
label="业务"
align="center"
width="150"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="平台"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="项目"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="项目描述"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="当前节点"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="概念状态"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="150"
label="概念计划下发时间">
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="120"
label="概念修订计划">
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="400"
label="其他说明">
</el-table-column>
</el-table>
</div>
</el-form>
</div>
<el-collapse accordion>
<el-collapse-item title="审批意见">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<div class="content" v-show="active === '2'">
<el-table
height="100%"
ref="selection"
:data="histortData"
tooltip-effect="dark"
style="width: 100%"
border
row-key="id"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
<el-table-column
prop="name"
label="任务步骤"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="assignee"
label="任务受理人"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
sortable="custom"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="endTime"
label="完成时间"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="comment"
label="流程信息"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.commentText }}</span>
</template>
</el-table-column>
<el-table-column
prop="completeFlag"
label="状态"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? '已完成' : '未完成' }}</span>
</template>
</el-table-column>
</el-table>
</div>
<ProcessFooter
show-submit
:submitLoading="isSubmit"
:saveLoading="saveLoading"
show-transfer
@transfer="handleTransfer"
@save="handleSave"
@submit="handleSubmit"
show-back
@back="handleSubmitNo"
approval
submitBTNText="同意"
>
</ProcessFooter>
<Role-tree
check-box
is-title="转办处理人"
:is-visible.sync="drawerModal"
@checkedRole="checkedRole"
></Role-tree>
</div>
</template>
<script>
import ProcessHeader from '../../components/ProcessHeader'
import ProcessFooter from '../../components/ProcessFooter'
import ProcessTitle from '../../components/ProcessTitle'
import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew, saveTaskForPub} from 'api/process'
import axios from "axios";
export default {
name: "zdrzbzORzchgxxmscStep6-1",
data() {
return {
//120
feedbackDept: "",
drawerModal: false,
histortData: [],
data: [],
commentText: '',
taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId,
roleRow: {},
nodeList: [],
type: '',
defaultProps: {
children: 'children',
label: 'name'
},
treeData: [], //
modalshowflag: false, // drawer
drawerTitle: '', //drawer
textarea: '', //
ListModel: false, //
active: '1', //
isSubmit: false,
saveLoading: false,
form: {
cid: '', //
endTime: '', //
cname: '', //
fjList: [],
fjListId: '',
responUserList: "",
responUserListName: ""
},
formRules: {
responUserList: [
{required: true, message: '请选择责任人', trigger: 'change'},
]
},
json: {}
}
},
components: {
ProcessHeader,
ProcessFooter,
ProcessTitle
},
methods: {
handleTransfer() {
this.drawerModal = true
},
checkedRole(data) {
changeAssigneeNew({
taskId: this.$route.query.taskIds, // id
userId: this.$store.getters.userInfo.userId, //
assignee: data[0].id, //
pId: this.$route.query.prcId, //
}).then(res => {
if (res.success) {
this.drawerModal = false
this.$message.success('调整成功')
this.processNum()
this.$router.push({path: '/processCenter?tabsName=ProcessCenter'})
} else {
this.$message.warning(res.message)
}
})
},
//
processNum(row) {
axios.request({
url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
responseType: 'blob',
method: 'get',
params: {
prcNum: this.$route.query.prcNum
}
}).then(res => {
this.processStep = window.URL.createObjectURL(res.data)
})
},
getHistoryData() {
this.$http.get('lawss/activiti/get_list_by_instance', {
prcNum: this.$route.query.prcNum,
}, {}, res => {
this.histortData = res
}, e => {
})
},
checkedRole2(data) {
console.log('395', data)
var idList = "";
var nameList = "";
data.forEach(item => {
if (nameList.length > 0) {
nameList += ",";
idList += ",";
}
idList += item.id;
nameList += item.name;
});
this.form.responUserList = idList;
this.form.responUserListName = nameList;
},
choiceZRR() {
this.nodeList = [];
if (this.form.responUserList.length > 0) {
this.nodeList = this.form.responUserList.split(",");
}
this.modalshowflag = true;
},
handleTabs(name) {
this.active = name
},
handleSave() {
this.saveLoading = true;
let _formData = new FormData();
_formData.append("id", this.bpnId || "");
_formData.append("prcType", "3");
_formData.append("taskIds", this.taskIds);
_formData.append("json", JSON.stringify({
form: this.form,
commentText: this.commentText
}));
saveTaskForPub(_formData).then(res => {
this.saveLoading = false;
this.$message.success("保存成功");
this.bpnId = res.result;
}).catch(e => {
this.saveLoading = false;
});
},
handleSubmit() {
this.$refs["zdrzbzORzchgxxmscForm"].validate((valid) => {
if (valid) {
this.isSubmit = true
var json = this.json
//actionFlag
json.actionFlag = 0
json.commentText = this.commentText
json.responUserList = this.form.responUserList;
json.responUserListName = this.form.responUserListName;
json.introduce = false;
this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success('提交成功')
this.$router.push('/processCenter')
}
this.isSubmit = false
})
} else {
return this.$message.warning("请完善基础信息");
}
});
},
handleSubmitNo() {
if (this.commentText) {
var json = this.json
//actionFlag
json.actionFlag = 1
json.commentText = this.commentText
this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success('提交成功')
this.$router.push('/processCenter')
}
})
} else {
this.$message.warning('请输入反馈意见')
}
},
getData() {
return new Promise((resolve, reject) => {
inboundLiaisonDetail({
taskIds: this.taskIds,
pId: this.pId
}).then(res => {
if (res) {
const processForm = JSON.parse(res.mesg)
this.getFormFieldList(processForm)
}
let data = JSON.parse(res.mesg)
this.feedbackDept = data.feedbackDept
this.form.fjList = data.fjList || data.form.fjList
this.form.fjListId = data.fjListId || data.form.fjListId
this.form.cid = data.cid || data.form.cid
this.form.endTime = data.endTime || data.form.endTime
this.form.cname = data.cname || data.form.cname
this.json = data
this.data = data.info || data.data
}).catch(e => {
})
})
},
/**
* @description: 动态表单读取
*/
getFormFieldList(item) {
this.$nextTick(() => {
this.form = JSON.parse(JSON.stringify(item));
this.form.cid = item.form.cid
});
},
},
mounted() {
this.getHistoryData()
this.getData()
}
}
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.zdrzbzORzchgxxmsc-step6-1 {
/deep/ .el-drawer__container {
.prc-content-border {
border: none;
padding: 0 20px 0;
}
}
.fileClass {
cursor: pointer;
}
.fileClass:hover {
color: #0c91e5;
}
position: relative;
height: 100%;
.headerTabs {
height: 52px;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 10px;
.headerTabsItem {
border: 1px solid #c1c1c1;
padding: 0 5px;
height: 30px;
line-height: 30px;
cursor: pointer;
}
.active {
border: 1px solid #E6A23C;
color: #fff;
background: #E6A23C;
}
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
margin-bottom: 10px;
height: 30px;
line-height: 30px;
position: relative;
font-size: 13px;
font-weight: bold;
.tableButton {
position: absolute;
right: 0;
top: 0;
}
}
}
}
</style>
@@ -1,455 +0,0 @@
<template>
<div class="zdrzbzORzchgxxmsc-step6-2">
<ProcessHeader toggle>
<template slot="proName">重点认证标准/政策合规性项目审查流程</template>
<template slot="proNode">责任部门领导批准</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
</div>
<div class="content" v-show="active === '1'">
<div style="flex: auto; overflow: auto;">
<el-form
ref="bzzqyjForm"
:model="form"
:rules="formRules"
class="label-input-form"
label-width="210px"
>
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<el-table
ref="multipleTable"
:data="data"
tooltip-effect="dark"
border
style="width: 100%; flex: auto;"
height="450px"
class="drag-table"
:default-sort="{prop: 'chapterNumber', order: 'ascending'}"
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
type="index"
label="序号"
width="55"
align="center">
</el-table-column>
<el-table-column
label="业务"
align="center"
width="150"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="平台"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="项目"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="项目描述"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="当前节点"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="概念状态"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="150"
label="概念计划下发时间">
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="120"
label="概念修订计划">
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="400"
label="其他说明">
</el-table-column>
</el-table>
</el-form>
</div>
<el-collapse accordion>
<el-collapse-item title="审批意见">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<div class="content" v-show="active === '2'">
<el-table
height="100%"
ref="selection"
:data="histortData"
tooltip-effect="dark"
style="width: 100%"
border
row-key="id"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
<el-table-column
prop="name"
label="任务步骤"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="assignee"
label="任务受理人"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
sortable="custom"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="endTime"
label="完成时间"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="comment"
label="流程信息"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.commentText }}</span>
</template>
</el-table-column>
<el-table-column
prop="completeFlag"
label="状态"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? '已完成' : '未完成' }}</span>
</template>
</el-table-column>
</el-table>
</div>
<ProcessFooter
show-submit
:submitLoading="isSubmit"
:saveLoading="saveLoading"
show-transfer
@transfer="handleTransfer"
@save="handleSave"
@submit="handleSubmit"
show-back
@back="handleSubmitNo"
approval
submitBTNText="同意"
>
</ProcessFooter>
<Role-tree
check-box
is-title="转办处理人"
:is-visible.sync="drawerModal"
@checkedRole="checkedRole"
></Role-tree>
</div>
</template>
<script>
import ProcessHeader from '../../components/ProcessHeader'
import ProcessFooter from '../../components/ProcessFooter'
import ProcessTitle from '../../components/ProcessTitle'
import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
import axios from "axios";
export default {
name: "zdrzbzORzchgxxmscStep6-2",
data() {
return {
drawerModal: false,
histortData: [],
data: [],
commentText: '',
taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId,
roleRow: {},
nodeList: [],
type: '',
defaultProps: {
children: 'children',
label: 'name'
},
treeData: [], //
modalshowflag: false, // drawer
drawerTitle: '', //drawer
textarea: '', //
ListModel: false, //
active: '1', //
isSubmit: false,
saveLoading: false,
form: {
cid: '', //
endTime: '', //
cname: '', //
fjList: [],
fjListId: '',
},
formRules: {
responUserList: [
{required: true, message: '请选择责任人', trigger: 'change'},
]
},
json: {}
}
},
components: {
ProcessHeader,
ProcessFooter,
ProcessTitle
},
methods: {
handleTransfer() {
this.drawerModal = true
},
checkedRole(data) {
changeAssigneeNew({
taskId: this.$route.query.taskIds, // id
userId: this.$store.getters.userInfo.userId, //
assignee: data[0].id, //
pId: this.$route.query.prcId, //
}).then(res => {
if (res.success) {
this.drawerModal = false
this.$message.success('调整成功')
this.processNum()
this.$router.push({path: '/processCenter?tabsName=ProcessCenter'})
} else {
this.$message.warning(res.message)
}
})
},
//
processNum(row) {
axios.request({
url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
responseType: 'blob',
method: 'get',
params: {
prcNum: this.$route.query.prcNum
}
}).then(res => {
this.processStep = window.URL.createObjectURL(res.data)
})
},
getHistoryData() {
this.$http.get('lawss/activiti/get_list_by_instance', {
prcNum: this.$route.query.prcNum,
}, {}, res => {
this.histortData = res
}, e => {
})
},
handleTabs(name) {
this.active = name
},
handleSave() {
},
handleSubmit() {
this.isSubmit = true
var json = this.json
//actionFlag
json.actionFlag = 0
json.commentText = this.commentText
this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success('提交成功')
this.$router.push('/processCenter')
}
this.isSubmit = false
})
},
handleSubmitNo() {
if (this.commentText) {
var json = this.json
//actionFlag
json.actionFlag = 1
json.commentText = this.commentText
this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success('提交成功')
this.$router.push('/processCenter')
}
})
} else {
this.$message.warning('请输入反馈意见')
}
},
getData() {
return new Promise((resolve, reject) => {
inboundLiaisonDetail({
taskIds: this.taskIds,
pId: this.pId
}).then(res => {
if (res) {
const processForm = JSON.parse(res.mesg)
this.getFormFieldList(processForm)
}
let data = JSON.parse(res.mesg)
console.log('355', data.form.cid);
this.form.fjList = data.fjList || data.form.fjList
this.form.fjListId = data.fjListId || data.form.fjListId
this.form.cid = data.cid || data.form.cid
this.form.endTime = data.endTime || data.form.endTime
this.form.cname = data.cname || data.form.cname
this.json = data
this.data = data.info || data.data
console.log('364', this.form.cid);
}).catch(e => {
})
})
},
/**
* @description: 动态表单读取
*/
getFormFieldList(item) {
this.$nextTick(() => {
this.form = JSON.parse(JSON.stringify(item));
this.form.cid = item.form.cid
});
},
},
mounted() {
this.getHistoryData()
this.getData()
}
}
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.zdrzbzORzchgxxmsc-step6-2 {
/deep/ .el-drawer__container {
.prc-content-border {
border: none;
padding: 0 20px 0;
}
}
.fileClass {
cursor: pointer;
}
.fileClass:hover {
color: #0c91e5;
}
position: relative;
height: 100%;
.headerTabs {
height: 52px;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 10px;
.headerTabsItem {
border: 1px solid #c1c1c1;
padding: 0 5px;
height: 30px;
line-height: 30px;
cursor: pointer;
}
.active {
border: 1px solid #E6A23C;
color: #fff;
background: #E6A23C;
}
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
margin-bottom: 10px;
height: 30px;
line-height: 30px;
position: relative;
font-size: 13px;
font-weight: bold;
.tableButton {
position: absolute;
right: 0;
top: 0;
}
}
}
}
</style>
@@ -37,7 +37,7 @@
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="lawId" prop="lawCode"
label="标准编号/政策编号" label="标准编号/政策编号"
align="center" align="center"
width="150" width="150"
@@ -1,485 +0,0 @@
<template>
<div class="zdrzbzORzchgxxmsc-step7-2">
<ProcessHeader toggle>
<template slot="proName">重点认证标准/政策合规性项目审查流程</template>
<template slot="proNode">法规管理员审核</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
</div>
<div class="content" v-show="active === '1'">
<div style="flex: auto; overflow: auto;">
<el-form
ref="bzzqyjForm"
:model="form"
:rules="formRules"
class="label-input-form"
label-width="210px"
>
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<div style="height: 450px">
<el-table
ref="multipleTable"
tooltip-effect="dark"
border
style="width: 100%;"
height="100%"
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
type="index"
label="序号"
width="55"
align="center">
</el-table-column>
<el-table-column
label="业务"
align="center"
width="150"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="平台"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="项目"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="项目描述"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="当前节点"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="概念状态"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="150"
label="概念计划下发时间">
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="120"
label="概念修订计划">
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="400"
label="其他说明">
</el-table-column>
<el-table-column
prop="SSRQ"
fixed="right"
align="center"
width="200"
label="是否风险项">
</el-table-column>
</el-table>
</div>
</el-form>
</div>
<el-collapse accordion>
<el-collapse-item title="审批意见">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<div class="content" v-show="active === '2'">
<el-table
height="100%"
ref="selection"
:data="histortData"
tooltip-effect="dark"
style="width: 100%"
border
row-key="id"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
<el-table-column
prop="name"
label="任务步骤"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="assignee"
label="任务受理人"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
sortable="custom"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
</template>
</el-table-column>
<el-table-column
prop="endTime"
label="完成时间"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
</template>
</el-table-column>
<el-table-column
prop="comment"
label="流程信息"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.commentText }}</span>
</template>
</el-table-column>
<el-table-column
prop="completeFlag"
label="状态"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
</template>
</el-table-column>
</el-table>
</div>
<ProcessFooter
show-submit
:submitLoading="isSubmit"
:saveLoading="saveLoading"
show-transfer
@transfer="handleTransfer"
@save="handleSave"
@submit="handleSubmit"
show-back
@back="handleSubmitNo"
approval
submitBTNText="同意"
>
</ProcessFooter>
<Role-tree
check-box
is-title="转办处理人"
:is-visible.sync="drawerModal"
@checkedRole="checkedRole"
></Role-tree>
</div>
</template>
<script>
import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle";
import {inboundLiaisonDetail, processCreateStand, saveTaskForPub, changeAssigneeNew} from "api/process";
import axios from "axios";
export default {
name: "zdrzbzORzchgxxmscStep7-2",
data() {
return {
drawerModal: false,
histortData: [],
commentText: "",
taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId,
nodeList: [],
type: "",
modalshowflag: false, // drawer
drawerTitle: "", //drawer
textarea: "", //
ListModel: false, //
active: "1", //
isSubmit: false,
saveLoading: false,
form: {
cid: "", //
endTime: "", //
cname: "", //
fjList: [],
fjListId: '',
responUserList: "",
responUserListName: ""
},
formRules: {
responUserList: [
{required: true, message: "请选择责任人", trigger: "change"}
]
},
json: {}
};
},
components: {
ProcessHeader,
ProcessFooter,
ProcessTitle
},
methods: {
handleTransfer() {
this.drawerModal = true
},
checkedRole(data) {
changeAssigneeNew({
taskId: this.$route.query.taskIds, // id
userId: this.$store.getters.userInfo.userId, //
assignee: data[0].id, //
pId: this.$route.query.prcId, //
}).then(res => {
if (res.success) {
this.drawerModal = false
this.$message.success('调整成功')
this.processNum()
this.$router.push({path: '/processCenter?tabsName=ProcessCenter'})
} else {
this.$message.warning(res.message)
}
})
},
//
processNum(row) {
axios.request({
url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
responseType: 'blob',
method: 'get',
params: {
prcNum: this.$route.query.prcNum
}
}).then(res => {
this.processStep = window.URL.createObjectURL(res.data)
})
},
getHistoryData() {
this.$http.get("lawss/activiti/get_list_by_instance", {
prcNum: this.$route.query.prcNum
}, {}, res => {
this.histortData = res;
}, e => {
});
},
checkedRole2(data) {
var idList = "";
var nameList = "";
data.forEach(item => {
if (nameList.length > 0) {
nameList += ",";
idList += ",";
}
idList += item.id;
nameList += item.name;
});
this.form.responUserList = idList;
this.form.responUserListName = nameList;
},
choiceZRR() {
this.nodeList = [];
if (this.form.responUserList.length > 0) {
this.nodeList = this.form.responUserList.split(",");
}
this.modalshowflag = true;
},
handleTabs(name) {
this.active = name;
},
//
handleSave() {
this.saveLoading = true;
let _formData = new FormData();
_formData.append("id", this.bpnId || "");
_formData.append("prcType", "3");
_formData.append("taskIds", this.taskIds);
_formData.append("json", JSON.stringify({
form: this.form,
commentText: this.commentText
}));
saveTaskForPub(_formData).then(res => {
this.saveLoading = false;
this.$message.success("保存成功");
this.bpnId = res.result;
}).catch(e => {
this.saveLoading = false;
});
},
handleSubmit() {
this.$refs["bzzqyjForm"].validate((valid) => {
if (valid) {
this.isSubmit = true;
var json = this.json;
json.commentText = this.commentText;
json.responUserList = this.form.responUserList;
json.responUserListName = this.form.responUserListName;
json.introduce = false;
this.$http.post("lawss/activiti/completeTask", {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success("提交成功");
this.$router.push("/processCenter");
}
this.isSubmit = false;
});
} else {
return this.$message.warning("请完善基础信息");
}
});
},
handleSubmitNo() {
if (this.commentText) {
var json = this.json
json.actionFlag = 1
json.commentText = this.commentText
this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success('提交成功')
this.$router.push('/processCenter')
}
})
} else {
this.$message.warning('请输入反馈意见')
}
},
getData() {
return new Promise((resolve, reject) => {
inboundLiaisonDetail({
taskIds: this.taskIds,
pId: this.pId
}).then(res => {
let data = JSON.parse(res.mesg)
this.form.cid = data.cid
this.form.endTime = data.endTime
this.form.cname = data.cname
this.form.fjList = data.fjList
this.form.fjListId = data.fjListId
this.json = data
}).catch(e => {
});
});
}
},
mounted() {
this.getHistoryData();
this.getData();
}
};
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.zdrzbzORzchgxxmsc-step7-2 {
/deep/ .el-drawer__container {
.prc-content-border {
border: none;
padding: 0 20px 0;
}
}
.fileClass {
cursor: pointer;
}
.fileClass:hover {
color: #0c91e5;
}
position: relative;
height: 100%;
.headerTabs {
height: 52px;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 10px;
.headerTabsItem {
border: 1px solid #c1c1c1;
padding: 0 5px;
height: 30px;
line-height: 30px;
cursor: pointer;
}
.active {
border: 1px solid #E6A23C;
color: #fff;
background: #E6A23C;
}
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
margin-bottom: 10px;
height: 30px;
line-height: 30px;
position: relative;
font-size: 13px;
font-weight: bold;
.tableButton {
position: absolute;
right: 0;
top: 0;
}
}
}
}
</style>
@@ -37,7 +37,7 @@
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="lawId" prop="lawCode"
label="标准编号/政策编号" label="标准编号/政策编号"
align="center" align="center"
width="150" width="150"
@@ -1,460 +0,0 @@
<template>
<div class="zdrzbzORzchgxxmsc-step8-1">
<ProcessHeader toggle>
<template slot="proName">重点认证标准/政策合规性项目审查流程</template>
<template slot="proNode">法规认证部部长审定</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
</div>
<div class="content" v-show="active === '1'">
<div style="flex: auto; overflow: auto;">
<el-form
ref="bzzqyjForm"
:model="form"
:rules="formRules"
class="label-input-form"
label-width="210px"
>
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<el-table
ref="multipleTable"
:data="data"
tooltip-effect="dark"
border
style="width: 100%; flex: auto;"
height="450px"
class="drag-table"
:default-sort="{prop: 'chapterNumber', order: 'ascending'}"
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
label="标准编号/政策编号"
align="center"
width="150"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="标准名称/政策名称"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
prop="issueTime"
sortable="custom"
width="120"
align="center"
label="产品类型">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="实施日期">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="实施要求">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="130"
label="资源符合情况">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="开发计划">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="SOP时间">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="完成情况">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="400"
label="SOP时间超过法规时限的空档期的业务应对方案">
</el-table-column>
<el-table-column
prop="SSRQ"
fixed="right"
align="center"
width="200"
label="是否风险项">
</el-table-column>
</el-table>
</el-form>
</div>
<el-collapse accordion>
<el-collapse-item title="审批意见">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<div class="content" v-show="active === '2'">
<el-table
height="100%"
ref="selection"
:data="histortData"
tooltip-effect="dark"
style="width: 100%"
border
row-key="id"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
<el-table-column
prop="name"
label="任务步骤"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="assignee"
label="任务受理人"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
sortable="custom"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="endTime"
label="完成时间"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="comment"
label="流程信息"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.commentText }}</span>
</template>
</el-table-column>
<el-table-column
prop="completeFlag"
label="状态"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? '已完成' : '未完成' }}</span>
</template>
</el-table-column>
</el-table>
</div>
<ProcessFooter
show-submit
:submitLoading="isSubmit"
:saveLoading="saveLoading"
show-transfer
@transfer="handleTransfer"
@save="handleSave"
@submit="handleSubmit"
show-back
@back="handleSubmitNo"
approval
submitBTNText="同意"
>
</ProcessFooter>
<Role-tree
check-box
is-title="转办处理人"
:is-visible.sync="drawerModal"
@checkedRole="checkedRole"
></Role-tree>
</div>
</template>
<script>
import ProcessHeader from '../../components/ProcessHeader'
import ProcessFooter from '../../components/ProcessFooter'
import ProcessTitle from '../../components/ProcessTitle'
import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
import axios from "axios";
export default {
name: "zdrzbzORzchgxxmscStep8-1",
data() {
return {
drawerModal: false,
histortData: [],
data: [],
commentText: '',
taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId,
roleRow: {},
nodeList: [],
type: '',
defaultProps: {
children: 'children',
label: 'name'
},
treeData: [], //
modalshowflag: false, // drawer
drawerTitle: '', //drawer
textarea: '', //
ListModel: false, //
active: '1', //
isSubmit: false,
saveLoading: false,
form: {
cid: '', //
endTime: '', //
cname: '', //
fjList: [],
fjListId: '',
},
formRules: {
responUserList: [
{required: true, message: '请选择责任人', trigger: 'change'},
]
},
json: {}
}
},
components: {
ProcessHeader,
ProcessFooter,
ProcessTitle
},
methods: {
handleTransfer() {
this.drawerModal = true
},
checkedRole(data) {
changeAssigneeNew({
taskId: this.$route.query.taskIds, // id
userId: this.$store.getters.userInfo.userId, //
assignee: data[0].id, //
pId: this.$route.query.prcId, //
}).then(res => {
if (res.success) {
this.drawerModal = false
this.$message.success('调整成功')
this.processNum()
this.$router.push({path: '/processCenter?tabsName=ProcessCenter'})
} else {
this.$message.warning(res.message)
}
})
},
//
processNum(row) {
axios.request({
url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
responseType: 'blob',
method: 'get',
params: {
prcNum: this.$route.query.prcNum
}
}).then(res => {
this.processStep = window.URL.createObjectURL(res.data)
})
},
getHistoryData() {
this.$http.get('lawss/activiti/get_list_by_instance', {
prcNum: this.$route.query.prcNum,
}, {}, res => {
this.histortData = res
}, e => {
})
},
handleTabs(name) {
this.active = name
},
handleSave() {
},
handleSubmit() {
this.isSubmit = true
var json = this.json
//actionFlag
json.actionFlag = 0
json.commentText = this.commentText
json.responUserList = this.form.responUserList;
json.responUserListName = this.form.responUserListName;
json.introduce = false;
this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success('提交成功')
this.$router.push('/processCenter')
}
this.isSubmit = false
})
},
handleSubmitNo() {
if (this.commentText) {
var json = this.json
//actionFlag
json.actionFlag = 1
json.commentText = this.commentText
this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success('提交成功')
this.$router.push('/processCenter')
}
})
} else {
this.$message.warning('请输入反馈意见')
}
},
getData() {
return new Promise((resolve, reject) => {
inboundLiaisonDetail({
taskIds: this.taskIds,
pId: this.pId
}).then(res => {
if (res) {
const processForm = JSON.parse(res.mesg)
this.getFormFieldList(processForm)
}
let data = JSON.parse(res.mesg)
console.log('355', data.form.cid);
this.form.fjList = data.fjList || data.form.fjList
this.form.fjListId = data.fjListId || data.form.fjListId
this.form.cid = data.cid || data.form.cid
this.form.endTime = data.endTime || data.form.endTime
this.form.cname = data.cname || data.form.cname
this.json = data
this.data = data.info || data.data
console.log('364', this.form.cid);
}).catch(e => {
})
})
},
/**
* @description: 动态表单读取
*/
getFormFieldList(item) {
this.$nextTick(() => {
this.form = JSON.parse(JSON.stringify(item));
this.form.cid = item.form.cid
});
},
},
mounted() {
this.getHistoryData()
this.getData()
}
}
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.zdrzbzORzchgxxmsc-step8-1 {
/deep/ .el-drawer__container {
.prc-content-border {
border: none;
padding: 0 20px 0;
}
}
.fileClass {
cursor: pointer;
}
.fileClass:hover {
color: #0c91e5;
}
position: relative;
height: 100%;
.headerTabs {
height: 52px;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 10px;
.headerTabsItem {
border: 1px solid #c1c1c1;
padding: 0 5px;
height: 30px;
line-height: 30px;
cursor: pointer;
}
.active {
border: 1px solid #E6A23C;
color: #fff;
background: #E6A23C;
}
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
margin-bottom: 10px;
height: 30px;
line-height: 30px;
position: relative;
font-size: 13px;
font-weight: bold;
.tableButton {
position: absolute;
right: 0;
top: 0;
}
}
}
}
</style>
@@ -1,462 +0,0 @@
<template>
<div class="zdrzbzORzchgxxmsc-step8-2">
<ProcessHeader toggle>
<template slot="proName">重点认证标准/政策合规性项目审查流程</template>
<template slot="proNode">法规认证部部长审定</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
</div>
<div class="content" v-show="active === '1'">
<div style="flex: auto; overflow: auto;">
<el-form
ref="bzzqyjForm"
:model="form"
:rules="formRules"
class="label-input-form"
label-width="210px"
>
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<el-table
ref="multipleTable"
:data="data"
tooltip-effect="dark"
border
style="width: 100%; flex: auto;"
height="450px"
class="drag-table"
:default-sort="{prop: 'chapterNumber', order: 'ascending'}"
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
type="index"
label="序号"
width="55"
align="center">
</el-table-column>
<el-table-column
label="业务"
align="center"
width="150"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="平台"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="项目"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="项目描述"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="当前节点"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="概念状态"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="150"
label="概念计划下发时间">
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="120"
label="概念修订计划">
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="400"
label="其他说明">
</el-table-column>
<el-table-column
prop="SSRQ"
fixed="right"
align="center"
width="200"
label="是否风险项">
</el-table-column>
</el-table>
</el-form>
</div>
<el-collapse accordion>
<el-collapse-item title="审批意见">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<div class="content" v-show="active === '2'">
<el-table
height="100%"
ref="selection"
:data="histortData"
tooltip-effect="dark"
style="width: 100%"
border
row-key="id"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
<el-table-column
prop="name"
label="任务步骤"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="assignee"
label="任务受理人"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
sortable="custom"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="endTime"
label="完成时间"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="comment"
label="流程信息"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.commentText }}</span>
</template>
</el-table-column>
<el-table-column
prop="completeFlag"
label="状态"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? '已完成' : '未完成' }}</span>
</template>
</el-table-column>
</el-table>
</div>
<ProcessFooter
show-submit
:submitLoading="isSubmit"
:saveLoading="saveLoading"
show-transfer
@transfer="handleTransfer"
@save="handleSave"
@submit="handleSubmit"
show-back
@back="handleSubmitNo"
approval
submitBTNText="同意"
>
</ProcessFooter>
<Role-tree
check-box
is-title="转办处理人"
:is-visible.sync="drawerModal"
@checkedRole="checkedRole"
></Role-tree>
</div>
</template>
<script>
import ProcessHeader from '../../components/ProcessHeader'
import ProcessFooter from '../../components/ProcessFooter'
import ProcessTitle from '../../components/ProcessTitle'
import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
import axios from "axios";
export default {
name: "zdrzbzORzchgxxmscStep8-2",
data() {
return {
drawerModal: false,
histortData: [],
data: [],
commentText: '',
taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId,
roleRow: {},
nodeList: [],
type: '',
defaultProps: {
children: 'children',
label: 'name'
},
treeData: [], //
modalshowflag: false, // drawer
drawerTitle: '', //drawer
textarea: '', //
ListModel: false, //
active: '1', //
isSubmit: false,
saveLoading: false,
form: {
cid: '', //
endTime: '', //
cname: '', //
fjList: [],
fjListId: '',
},
formRules: {
responUserList: [
{required: true, message: '请选择责任人', trigger: 'change'},
]
},
json: {}
}
},
components: {
ProcessHeader,
ProcessFooter,
ProcessTitle
},
methods: {
handleTransfer() {
this.drawerModal = true
},
checkedRole(data) {
changeAssigneeNew({
taskId: this.$route.query.taskIds, // id
userId: this.$store.getters.userInfo.userId, //
assignee: data[0].id, //
pId: this.$route.query.prcId, //
}).then(res => {
if (res.success) {
this.drawerModal = false
this.$message.success('调整成功')
this.processNum()
this.$router.push({path: '/processCenter?tabsName=ProcessCenter'})
} else {
this.$message.warning(res.message)
}
})
},
//
processNum(row) {
axios.request({
url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
responseType: 'blob',
method: 'get',
params: {
prcNum: this.$route.query.prcNum
}
}).then(res => {
this.processStep = window.URL.createObjectURL(res.data)
})
},
getHistoryData() {
this.$http.get('lawss/activiti/get_list_by_instance', {
prcNum: this.$route.query.prcNum,
}, {}, res => {
this.histortData = res
}, e => {
})
},
handleTabs(name) {
this.active = name
},
handleSave() {
},
handleSubmit() {
this.isSubmit = true
var json = this.json
//actionFlag
json.actionFlag = 0
json.commentText = this.commentText
this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success('提交成功')
this.$router.push('/processCenter')
}
this.isSubmit = false
})
},
handleSubmitNo() {
if (this.commentText) {
var json = this.json
//actionFlag
json.actionFlag = 1
json.commentText = this.commentText
this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success('提交成功')
this.$router.push('/processCenter')
}
})
} else {
this.$message.warning('请输入反馈意见')
}
},
getData() {
return new Promise((resolve, reject) => {
inboundLiaisonDetail({
taskIds: this.taskIds,
pId: this.pId
}).then(res => {
if (res) {
const processForm = JSON.parse(res.mesg)
this.getFormFieldList(processForm)
}
let data = JSON.parse(res.mesg)
console.log('355', data.form.cid);
this.form.fjList = data.fjList || data.form.fjList
this.form.fjListId = data.fjListId || data.form.fjListId
this.form.cid = data.cid || data.form.cid
this.form.endTime = data.endTime || data.form.endTime
this.form.cname = data.cname || data.form.cname
this.json = data
this.data = data.info || data.data
console.log('364', this.form.cid);
}).catch(e => {
})
})
},
/**
* @description: 动态表单读取
*/
getFormFieldList(item) {
this.$nextTick(() => {
this.form = JSON.parse(JSON.stringify(item));
this.form.cid = item.form.cid
});
},
},
mounted() {
this.getHistoryData()
this.getData()
}
}
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.zdrzbzORzchgxxmsc-step8-2 {
/deep/ .el-drawer__container {
.prc-content-border {
border: none;
padding: 0 20px 0;
}
}
.fileClass {
cursor: pointer;
}
.fileClass:hover {
color: #0c91e5;
}
position: relative;
height: 100%;
.headerTabs {
height: 52px;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 10px;
.headerTabsItem {
border: 1px solid #c1c1c1;
padding: 0 5px;
height: 30px;
line-height: 30px;
cursor: pointer;
}
.active {
border: 1px solid #E6A23C;
color: #fff;
background: #E6A23C;
}
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
margin-bottom: 10px;
height: 30px;
line-height: 30px;
position: relative;
font-size: 13px;
font-weight: bold;
.tableButton {
position: absolute;
right: 0;
top: 0;
}
}
}
}
</style>
@@ -37,7 +37,7 @@
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="lawId" prop="lawCode"
label="标准编号/政策编号" label="标准编号/政策编号"
align="center" align="center"
width="150" width="150"
@@ -1,460 +0,0 @@
<template>
<div class="zdrzbzORzchgxxmsc-step9-1">
<ProcessHeader toggle>
<template slot="proName">重点认证标准/政策合规性项目审查流程</template>
<template slot="proNode">法规认证部副总监批准</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
</div>
<div class="content" v-show="active === '1'">
<div style="flex: auto; overflow: auto;">
<el-form
ref="bzzqyjForm"
:model="form"
:rules="formRules"
class="label-input-form"
label-width="210px"
>
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<el-table
ref="multipleTable"
:data="data"
tooltip-effect="dark"
border
style="width: 100%; flex: auto;"
height="450px"
class="drag-table"
:default-sort="{prop: 'chapterNumber', order: 'ascending'}"
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
label="标准编号/政策编号"
align="center"
width="150"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="标准名称/政策名称"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
prop="issueTime"
sortable="custom"
width="120"
align="center"
label="产品类型">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="实施日期">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="实施要求">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="130"
label="资源符合情况">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="开发计划">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="SOP时间">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="120"
label="完成情况">
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
align="center"
width="400"
label="SOP时间超过法规时限的空档期的业务应对方案">
</el-table-column>
<el-table-column
prop="SSRQ"
fixed="right"
align="center"
width="200"
label="是否风险项">
</el-table-column>
</el-table>
</el-form>
</div>
<el-collapse accordion>
<el-collapse-item title="审批意见">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<div class="content" v-show="active === '2'">
<el-table
height="100%"
ref="selection"
:data="histortData"
tooltip-effect="dark"
style="width: 100%"
border
row-key="id"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
<el-table-column
prop="name"
label="任务步骤"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="assignee"
label="任务受理人"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
sortable="custom"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="endTime"
label="完成时间"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="comment"
label="流程信息"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.commentText }}</span>
</template>
</el-table-column>
<el-table-column
prop="completeFlag"
label="状态"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? '已完成' : '未完成' }}</span>
</template>
</el-table-column>
</el-table>
</div>
<ProcessFooter
show-submit
:submitLoading="isSubmit"
:saveLoading="saveLoading"
show-transfer
@transfer="handleTransfer"
@save="handleSave"
@submit="handleSubmit"
show-back
@back="handleSubmitNo"
approval
submitBTNText="同意"
>
</ProcessFooter>
<Role-tree
check-box
is-title="转办处理人"
:is-visible.sync="drawerModal"
@checkedRole="checkedRole"
></Role-tree>
</div>
</template>
<script>
import ProcessHeader from '../../components/ProcessHeader'
import ProcessFooter from '../../components/ProcessFooter'
import ProcessTitle from '../../components/ProcessTitle'
import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
import axios from "axios";
export default {
name: "zdrzbzORzchgxxmscStep9-1",
data() {
return {
drawerModal: false,
histortData: [],
data: [],
commentText: '',
taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId,
roleRow: {},
nodeList: [],
type: '',
defaultProps: {
children: 'children',
label: 'name'
},
treeData: [], //
modalshowflag: false, // drawer
drawerTitle: '', //drawer
textarea: '', //
ListModel: false, //
active: '1', //
isSubmit: false,
saveLoading: false,
form: {
cid: '', //
endTime: '', //
cname: '', //
fjList: [],
fjListId: '',
},
formRules: {
responUserList: [
{required: true, message: '请选择责任人', trigger: 'change'},
]
},
json: {}
}
},
components: {
ProcessHeader,
ProcessFooter,
ProcessTitle
},
methods: {
handleTransfer() {
this.drawerModal = true
},
checkedRole(data) {
changeAssigneeNew({
taskId: this.$route.query.taskIds, // id
userId: this.$store.getters.userInfo.userId, //
assignee: data[0].id, //
pId: this.$route.query.prcId, //
}).then(res => {
if (res.success) {
this.drawerModal = false
this.$message.success('调整成功')
this.processNum()
this.$router.push({path: '/processCenter?tabsName=ProcessCenter'})
} else {
this.$message.warning(res.message)
}
})
},
//
processNum(row) {
axios.request({
url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
responseType: 'blob',
method: 'get',
params: {
prcNum: this.$route.query.prcNum
}
}).then(res => {
this.processStep = window.URL.createObjectURL(res.data)
})
},
getHistoryData() {
this.$http.get('lawss/activiti/get_list_by_instance', {
prcNum: this.$route.query.prcNum,
}, {}, res => {
this.histortData = res
}, e => {
})
},
handleTabs(name) {
this.active = name
},
handleSave() {
},
handleSubmit() {
this.isSubmit = true
var json = this.json
//actionFlag
json.actionFlag = 0
json.commentText = this.commentText
json.responUserList = this.form.responUserList;
json.responUserListName = this.form.responUserListName;
json.introduce = false;
this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success('提交成功')
this.$router.push('/processCenter')
}
this.isSubmit = false
})
},
handleSubmitNo() {
if (this.commentText) {
var json = this.json
//actionFlag
json.actionFlag = 1
json.commentText = this.commentText
this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success('提交成功')
this.$router.push('/processCenter')
}
})
} else {
this.$message.warning('请输入反馈意见')
}
},
getData() {
return new Promise((resolve, reject) => {
inboundLiaisonDetail({
taskIds: this.taskIds,
pId: this.pId
}).then(res => {
if (res) {
const processForm = JSON.parse(res.mesg)
this.getFormFieldList(processForm)
}
let data = JSON.parse(res.mesg)
console.log('355', data.form.cid);
this.form.fjList = data.fjList || data.form.fjList
this.form.fjListId = data.fjListId || data.form.fjListId
this.form.cid = data.cid || data.form.cid
this.form.endTime = data.endTime || data.form.endTime
this.form.cname = data.cname || data.form.cname
this.json = data
this.data = data.info || data.data
console.log('364', this.form.cid);
}).catch(e => {
})
})
},
/**
* @description: 动态表单读取
*/
getFormFieldList(item) {
this.$nextTick(() => {
this.form = JSON.parse(JSON.stringify(item));
this.form.cid = item.form.cid
});
},
},
mounted() {
this.getHistoryData()
this.getData()
}
}
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.zdrzbzORzchgxxmsc-step9-1 {
/deep/ .el-drawer__container {
.prc-content-border {
border: none;
padding: 0 20px 0;
}
}
.fileClass {
cursor: pointer;
}
.fileClass:hover {
color: #0c91e5;
}
position: relative;
height: 100%;
.headerTabs {
height: 52px;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 10px;
.headerTabsItem {
border: 1px solid #c1c1c1;
padding: 0 5px;
height: 30px;
line-height: 30px;
cursor: pointer;
}
.active {
border: 1px solid #E6A23C;
color: #fff;
background: #E6A23C;
}
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
margin-bottom: 10px;
height: 30px;
line-height: 30px;
position: relative;
font-size: 13px;
font-weight: bold;
.tableButton {
position: absolute;
right: 0;
top: 0;
}
}
}
}
</style>
@@ -1,462 +0,0 @@
<template>
<div class="zdrzbzORzchgxxmsc-step9-2">
<ProcessHeader toggle>
<template slot="proName">重点认证标准/政策合规性项目审查流程</template>
<template slot="proNode">法规认证部总监批准</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
</div>
<div class="content" v-show="active === '1'">
<div style="flex: auto; overflow: auto;">
<el-form
ref="bzzqyjForm"
:model="form"
:rules="formRules"
class="label-input-form"
label-width="210px"
>
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<el-table
ref="multipleTable"
:data="data"
tooltip-effect="dark"
border
style="width: 100%; flex: auto;"
height="450px"
class="drag-table"
:default-sort="{prop: 'chapterNumber', order: 'ascending'}"
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
type="index"
label="序号"
width="55"
align="center">
</el-table-column>
<el-table-column
label="业务"
align="center"
width="150"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="平台"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="项目"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="项目描述"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="当前节点"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="概念状态"
min-width="150"
align="center"
>
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="150"
label="概念计划下发时间">
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="120"
label="概念修订计划">
</el-table-column>
<el-table-column
prop="SSRQ"
align="center"
width="400"
label="其他说明">
</el-table-column>
<el-table-column
prop="SSRQ"
fixed="right"
align="center"
width="200"
label="是否风险项">
</el-table-column>
</el-table>
</el-form>
</div>
<el-collapse accordion>
<el-collapse-item title="审批意见">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<div class="content" v-show="active === '2'">
<el-table
height="100%"
ref="selection"
:data="histortData"
tooltip-effect="dark"
style="width: 100%"
border
row-key="id"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
<el-table-column
prop="name"
label="任务步骤"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="assignee"
label="任务受理人"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
sortable="custom"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="endTime"
label="完成时间"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="comment"
label="流程信息"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.commentText }}</span>
</template>
</el-table-column>
<el-table-column
prop="completeFlag"
label="状态"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? '已完成' : '未完成' }}</span>
</template>
</el-table-column>
</el-table>
</div>
<ProcessFooter
show-submit
:submitLoading="isSubmit"
:saveLoading="saveLoading"
show-transfer
@transfer="handleTransfer"
@save="handleSave"
@submit="handleSubmit"
show-back
@back="handleSubmitNo"
approval
submitBTNText="同意"
>
</ProcessFooter>
<Role-tree
check-box
is-title="转办处理人"
:is-visible.sync="drawerModal"
@checkedRole="checkedRole"
></Role-tree>
</div>
</template>
<script>
import ProcessHeader from '../../components/ProcessHeader'
import ProcessFooter from '../../components/ProcessFooter'
import ProcessTitle from '../../components/ProcessTitle'
import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
import axios from "axios";
export default {
name: "zdrzbzORzchgxxmscStep9-2",
data() {
return {
drawerModal: false,
histortData: [],
data: [],
commentText: '',
taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId,
roleRow: {},
nodeList: [],
type: '',
defaultProps: {
children: 'children',
label: 'name'
},
treeData: [], //
modalshowflag: false, // drawer
drawerTitle: '', //drawer
textarea: '', //
ListModel: false, //
active: '1', //
isSubmit: false,
saveLoading: false,
form: {
cid: '', //
endTime: '', //
cname: '', //
fjList: [],
fjListId: '',
},
formRules: {
responUserList: [
{required: true, message: '请选择责任人', trigger: 'change'},
]
},
json: {}
}
},
components: {
ProcessHeader,
ProcessFooter,
ProcessTitle
},
methods: {
handleTransfer() {
this.drawerModal = true
},
checkedRole(data) {
changeAssigneeNew({
taskId: this.$route.query.taskIds, // id
userId: this.$store.getters.userInfo.userId, //
assignee: data[0].id, //
pId: this.$route.query.prcId, //
}).then(res => {
if (res.success) {
this.drawerModal = false
this.$message.success('调整成功')
this.processNum()
this.$router.push({path: '/processCenter?tabsName=ProcessCenter'})
} else {
this.$message.warning(res.message)
}
})
},
//
processNum(row) {
axios.request({
url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
responseType: 'blob',
method: 'get',
params: {
prcNum: this.$route.query.prcNum
}
}).then(res => {
this.processStep = window.URL.createObjectURL(res.data)
})
},
getHistoryData() {
this.$http.get('lawss/activiti/get_list_by_instance', {
prcNum: this.$route.query.prcNum,
}, {}, res => {
this.histortData = res
}, e => {
})
},
handleTabs(name) {
this.active = name
},
handleSave() {
},
handleSubmit() {
this.isSubmit = true
var json = this.json
//actionFlag
json.actionFlag = 0
json.commentText = this.commentText
this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success('提交成功')
this.$router.push('/processCenter')
}
this.isSubmit = false
})
},
handleSubmitNo() {
if (this.commentText) {
var json = this.json
//actionFlag
json.actionFlag = 1
json.commentText = this.commentText
this.$http.post('lawss/activiti/completeTask', {
json: JSON.stringify(json),
taskId: this.taskIds,
userId: this.$store.getters.userInfo.userId
}, {}, res => {
if (res.success) {
this.$message.success('提交成功')
this.$router.push('/processCenter')
}
})
} else {
this.$message.warning('请输入反馈意见')
}
},
getData() {
return new Promise((resolve, reject) => {
inboundLiaisonDetail({
taskIds: this.taskIds,
pId: this.pId
}).then(res => {
if (res) {
const processForm = JSON.parse(res.mesg)
this.getFormFieldList(processForm)
}
let data = JSON.parse(res.mesg)
console.log('355', data.form.cid);
this.form.fjList = data.fjList || data.form.fjList
this.form.fjListId = data.fjListId || data.form.fjListId
this.form.cid = data.cid || data.form.cid
this.form.endTime = data.endTime || data.form.endTime
this.form.cname = data.cname || data.form.cname
this.json = data
this.data = data.info || data.data
console.log('364', this.form.cid);
}).catch(e => {
})
})
},
/**
* @description: 动态表单读取
*/
getFormFieldList(item) {
this.$nextTick(() => {
this.form = JSON.parse(JSON.stringify(item));
this.form.cid = item.form.cid
});
},
},
mounted() {
this.getHistoryData()
this.getData()
}
}
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.zdrzbzORzchgxxmsc-step9-2 {
/deep/ .el-drawer__container {
.prc-content-border {
border: none;
padding: 0 20px 0;
}
}
.fileClass {
cursor: pointer;
}
.fileClass:hover {
color: #0c91e5;
}
position: relative;
height: 100%;
.headerTabs {
height: 52px;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 10px;
.headerTabsItem {
border: 1px solid #c1c1c1;
padding: 0 5px;
height: 30px;
line-height: 30px;
cursor: pointer;
}
.active {
border: 1px solid #E6A23C;
color: #fff;
background: #E6A23C;
}
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
margin-bottom: 10px;
height: 30px;
line-height: 30px;
position: relative;
font-size: 13px;
font-weight: bold;
.tableButton {
position: absolute;
right: 0;
top: 0;
}
}
}
}
</style>
@@ -1685,6 +1685,17 @@ export default {
prcType: row.prcType prcType: row.prcType
} }
}) })
}else if(row.taskInfo === '企标制修订计划整改') {
this.$router.push({
name: 'qbzxdjhgkStep1',
query:{
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
prcName: row.prcName,
prcType: row.prcType
}
})
} }
break break
} }
@@ -82,7 +82,7 @@
align="center" align="center"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.prcName || getPrcName(scope.row.prcType) }} <a @click="dealWith(scope.row)" class="table-jump">{{ scope.row.prcName|| getPrcName(scope.row.prcType) }}</a>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column--> <!-- <el-table-column-->
@@ -539,6 +539,28 @@ export default {
} }
}) })
break break
//
case '24':
this.$router.push({
name: 'qbfzStep1',
query: {
type: '24',
processName: '企标废止流程',
bpnId: id
}
})
break
//
case '25':
this.$router.push({
name: 'qbzxdjhgkStep1',
query: {
type: '25',
processName: '企标制修订计划管控',
bpnId: id
}
})
break
} }
}, },
...mapMutations(['setProcess', 'setHandleInfo']), ...mapMutations(['setProcess', 'setHandleInfo']),
@@ -6,7 +6,7 @@
<el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form" > <el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form" >
<el-form-item label="标准编号/政策编号:" class="search-item search-item-last"> <el-form-item label="标准编号/政策编号:" class="search-item search-item-last">
<el-input <el-input
v-model="sarSarAccessEOSearch.lawId" v-model="sarSarAccessEOSearch.lawCode"
placeholder="请输入" placeholder="请输入"
></el-input> ></el-input>
</el-form-item> </el-form-item>
@@ -74,7 +74,7 @@
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="lawId" prop="lawCode"
width="250" width="250"
label="标准编号/政策编号" label="标准编号/政策编号"
align="center"> align="center">
@@ -139,14 +139,23 @@
> >
<el-form-item <el-form-item
label="标准编号/政策编号" label="标准编号/政策编号"
prop="lawId" prop="lawCode"
class="add-form-item" class="add-form-item"
> >
<el-input <el-input
style="width: 45%" v-show="false"
v-model.trim="attributeEO.dataSource"
/>
<el-input
v-show="false"
v-model.trim="attributeEO.lawId" v-model.trim="attributeEO.lawId"
placeholder="请输入标准编号/政策编号" />
<el-input
style="width: 45%"
v-model.trim="attributeEO.lawCode"
placeholder="请手动查找带入标准编号/政策编号"
clearable clearable
readonly
/> />
<!-- :disabled="this.addOrEdit !== 'add'"--> <!-- :disabled="this.addOrEdit !== 'add'"-->
<el-button type="primary" size="mini" @click="handleSelect">手动查找</el-button> <el-button type="primary" size="mini" @click="handleSelect">手动查找</el-button>
@@ -157,8 +166,9 @@
class="add-form-item" class="add-form-item"
> >
<el-input <el-input
readonly
v-model.trim="attributeEO.lawName" v-model.trim="attributeEO.lawName"
placeholder="请入标准名称/政策名称" placeholder="请手动查找带入标准名称/政策名称"
clearable clearable
/> />
</el-form-item> </el-form-item>
@@ -304,76 +314,410 @@
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectTableChange" @selection-change="handleSelectTableChange"
> >
<el-table-column <el-table-column
fixed="left"
type="selection" type="selection"
width="55" width="55"
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column
width="350" <div v-if="handleSelectForm.dataSource === 'INLAND'">
align="center" <el-table-column
label="标准编号/政策编号"> label="标准号"
<template slot-scope="scope"> width="150"
<!--企标--> >
<a v-if="scope.row.standStatusShow === '作废' && handleSelectForm.dataSource === 'BUSINESS_STAND'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a> <template slot-scope="scope">
<a v-if="scope.row.standStatusShow === '参考' && handleSelectForm.dataSource === 'BUSINESS_STAND'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a> <a v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" class="table-jump" style="color: #F56C6C"
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考' && handleSelectForm.dataSource === 'BUSINESS_STAND'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a> @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
<!--国内外标准--> scope.row.standNumber
<a v-if="textStatusMap[scope.row.textStatus] !== '废止' && textStatusMap[scope.row.textStatus] !== '被代替' && scope.row.standYear && (handleSelectForm.dataSource === 'INLAND'||handleSelectForm.dataSource === 'FOREIGN')" @click="handlePreview(scope.row)" style="color: #333333" class="table-jump">{{ scope.row.standSort }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a> }}-{{ scope.row.standYear }}</a>
<a v-if="textStatusMap[scope.row.textStatus] !== '废止' && textStatusMap[scope.row.textStatus] !== '被代替' && (scope.row.standYear === ''||scope.row.standYear === undefined) && (handleSelectForm.dataSource === 'INLAND'||handleSelectForm.dataSource === 'FOREIGN')" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSort }} {{ scope.row.standNumber }}</a> <a v-else-if="scope.row.standYear" class="table-jump" style="color: #333333"
<a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替' && scope.row.standYear && (handleSelectForm.dataSource === 'INLAND'||handleSelectForm.dataSource === 'FOREIGN')" @click="handlePreview(scope.row)" style="color: #F56C6C" class="table-jump">{{ scope.row.standSort }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a> @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
<a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替' && (scope.row.standYear === ''||scope.row.standYear === undefined) && (handleSelectForm.dataSource === 'INLAND'||handleSelectForm.dataSource === 'FOREIGN')" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSort }} {{ scope.row.standNumber }}</a> scope.row.standNumber
<!--国内外政策--> }}-{{ scope.row.standYear }}</a>
<a v-if="scope.row.standStatusShow === '作废' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a> <a v-else @click="handlePreview(scope.row)" class="table-jump" style="color: #333333">
<a v-if="scope.row.standStatusShow === '参考' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a> {{ scope.row.standSortShow }}
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a> {{ scope.row.standNumber }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="lawName" show-overflow-tooltip
align="center" prop="standName"
label="标准名称/政策名称"> label="标准名称"
<template slot-scope="scope"> min-width="300"
<a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'&& (handleSelectForm.dataSource === 'INLAND'||handleSelectForm.dataSource === 'FOREIGN'||handleSelectForm.dataSource === 'BUSINESS_STAND')" @click="handlePreview(scope.row)" class="table-jump" style="color: #F56C6C">{{ scope.row.standName }}</a> >
<a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a> <template slot-scope="scope">
<a v-if="scope.row.standStatusShow === '作废' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a> <a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" @click="handlePreview(scope.row)" class="table-jump" style="color: #F56C6C">{{ scope.row.standName }}</a>
<a v-if="scope.row.standStatusShow === '参考' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a> <a v-else @click="handlePreview(scope.row)" style="color: #333333" class="table-jump">{{ scope.row.standName }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a> </template>
</template> </el-table-column>
</el-table-column> <el-table-column
<el-table-column prop="issueTime"
prop="textStatus" sortable="custom"
align="center" width="120"
label="标准状态" label="发布日期">
width="350"> <template slot-scope="scope">
<template slot-scope="scope"> <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ formatIssueDate(scope.row.issueTime) }}</span>
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替' && (handleSelectForm.dataSource === 'INLAND'||handleSelectForm.dataSource === 'FOREIGN'||handleSelectForm.dataSource === 'BUSINESS_STAND')" style="color: #F56C6C">{{ <span v-else>{{ formatIssueDate(scope.row.issueTime) }}</span>
</template>
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
width="120"
label="实施日期">
<template slot-scope="scope">
<!-- {{ formatIssueDate(scope.row.putTime) }}-->
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-' }}</span>
<span v-else>{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-' }}</span>
</template>
</el-table-column>
<el-table-column
prop="XCXSSRQ"
sortable="custom"
width="150"
label="新车型实施日期">
<template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-' }}</span>
<span v-else>{{ scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-' }}</span>
</template>
</el-table-column>
<el-table-column
prop="ZCCSSRQ"
sortable="custom"
width="150"
label="在产车实施日期">
<template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-' }}</span>
<span v-else>{{ scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-' }}</span>
</template>
</el-table-column>
<el-table-column
prop="textStatus"
sortable="custom"
width="110"
label="文本状态">
<!-- <template slot="header" slot-scope="scope">-->
<!-- <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本;“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">-->
<!-- <span>文本状态<i class="el-icon-warning-outline"></i></span>-->
<!-- </el-tooltip>-->
<!-- </template>-->
<template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
textStatusMap[scope.row.textStatus] textStatusMap[scope.row.textStatus]
}}</span> }}</span>
<span v-else>{{ textStatusMap[scope.row.textStatus] }}</span> <span v-else>{{ textStatusMap[scope.row.textStatus] }}</span>
<span v-if="scope.row.standStatusShow === '作废' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #F56C6C"> </template>
</el-table-column>
</div>
<div v-if="handleSelectForm.dataSource === 'FOREIGN'">
<el-table-column
label="标准号"
width="150"
>
<template slot-scope="scope">
<a v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" class="table-jump" @click="handlePreview(scope.row)">{{
scope.row.standSortShow
}} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
<a v-else-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" class="table-jump" @click="handlePreview(scope.row)">{{
scope.row.standSortShow
}} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
<a v-else-if="scope.row.standYear" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{
scope.row.standSortShow
}} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
<a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
scope.row.standSortShow
}}
{{ scope.row.standNumber }}</a>
</template>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="标准名称"
min-width="300"
>
<template slot-scope="scope">
<a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{
scope.row.standName
}}</a>
<a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" @click="handlePreview(scope.row)" class="table-jump">{{
scope.row.standName
}}</a>
<a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
scope.row.standName
}}</a>
</template>
</el-table-column>
<el-table-column
prop="issueTime"
sortable="custom"
width="120"
label="发布日期">
<template slot-scope="scope">
<div v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">
{{ formatIssueDate(scope.row.issueTime) }}
</div>
<div v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">
{{ formatIssueDate(scope.row.issueTime) }}
</div>
<div v-else style="color: #333333">
{{ formatIssueDate(scope.row.issueTime) }}
</div>
</template>
</el-table-column>
<el-table-column
prop="SSRQ"
sortable="custom"
width="120"
label="实施日期">
<template slot-scope="scope">
<!-- {{ formatIssueDate(scope.row.putTime) }}-->
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-'
}}</span>
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-'
}}</span>
<span v-else style="color: #333333">{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-' }}</span>
</template>
</el-table-column>
<el-table-column
prop="XCXSSRQ"
sortable="custom"
width="150"
label="新车型实施日期">
<template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-'
}}</span>
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-'
}}</span>
<span v-else style="color: #333333">{{
scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-'
}}</span>
</template>
</el-table-column>
<el-table-column
prop="ZCCSSRQ"
sortable="custom"
width="150"
label="在产车实施日期">
<template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-'
}}</span>
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-'
}}</span>
<span v-else style="color: #333333">{{
scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-'
}}</span>
</template>
</el-table-column>
<el-table-column
prop="textStatus"
sortable="custom"
width="110"
label="文本状态">
<!-- <template slot="header" slot-scope="scope">-->
<!-- <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本;“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">-->
<!-- <span>文本状态 <i class="el-icon-warning-outline"></i></span>-->
<!-- </el-tooltip>-->
<!-- </template>-->
<template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
textStatusMap[scope.row.textStatus]
}}</span>
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
textStatusMap[scope.row.textStatus]
}}</span>
<span v-else style="color: #333333">{{ textStatusMap[scope.row.textStatus] }}</span>
</template>
</el-table-column>
</div>
<div v-if="handleSelectForm.dataSource === 'FOREIGN_LAWS'">
<el-table-column
show-overflow-tooltip
label="政策编号"
width="150"
>
<template slot-scope="scope">
<!-- <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>-->
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a>
<a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a>
</template>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="lawsName"
label="中文名称"
min-width="300"
>
<template slot-scope="scope">
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
<a v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
</template>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="lawsEnName"
label="英文名称"
min-width="300"
>
<template slot-scope="scope">
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a>
<a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a>
</template>
</el-table-column>
<el-table-column
prop="issueTime"
label="发文日期"
sortable
width="120"
>
<template slot-scope="scope">
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
<span v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
<span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
</template>
</el-table-column>
<el-table-column
prop="XCXSSRQLAWS"
label="新车实施日期"
sortable
width="150"
>
<template slot-scope="scope">
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.putTime ? scope.row.putTime.slice(0, 10) : ''}}</span>
<span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">{{scope.row.putTime ? scope.row.putTime.slice(0, 10) : ''}}</span>
<span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.XCXSSRQLAWS ? scope.row.XCXSSRQLAWS.slice(0, 10) : ''}}</span>
</template>
</el-table-column>
<el-table-column
show-overflow-tooltip
sortable
prop="standStatusShow"
label="文本状态"
width="110"
>
<template slot-scope="scope">
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">
{{scope.row.standStatusShow}} {{scope.row.standStatusShow}}
</span> </span>
<span v-if="scope.row.standStatusShow === '参考' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #E6A23C"> <span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">
{{scope.row.standStatusShow}} {{scope.row.standStatusShow}}
</span> </span>
<span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考' && handleSelectForm.dataSource === 'FOREIGN_LAWS'"> <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">
{{scope.row.standStatusShow}} {{scope.row.standStatusShow}}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
</div>
<div v-if="handleSelectForm.dataSource === 'BUSINESS_STAND'">
<el-table-column
show-overflow-tooltip
label="企标编号"
width="150"
>
<template slot-scope="scope">
<!-- <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>-->
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
<a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
</template>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="中文名称"
min-width="300"
>
<template slot-scope="scope">
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
<a v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
</template>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standEnName"
label="英文名称"
min-width="300"
>
<template slot-scope="scope">
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
<a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
</template>
</el-table-column>
<el-table-column
prop="issueTime"
label="发布日期"
sortable
width="120"
>
<template slot-scope="scope">
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
<span v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
<span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
</template>
</el-table-column>
<el-table-column
prop="putTime"
label="实施日期"
sortable
width="120"
>
<template slot-scope="scope">
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.putTime ? scope.row.putTime.slice(0, 10) : ''}}</span>
<span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">{{scope.row.putTime ? scope.row.putTime.slice(0, 10) : ''}}</span>
<span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.putTime ? scope.row.putTime.slice(0, 10) : ''}}</span>
</template>
</el-table-column>
<el-table-column
show-overflow-tooltip
sortable
prop="standStatusShow"
label="文本状态"
width="110"
>
<template slot-scope="scope">
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">
{{scope.row.standStatusShow}}
</span>
<span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">
{{scope.row.standStatusShow}}
</span>
<span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">
{{scope.row.standStatusShow}}
</span>
</template>
</el-table-column>
</div>
</el-table> </el-table>
<!--分页--> <!--分页-->
<pagination <pagination
v-show="this.lawInfoTableLoading === false" v-show="this.lawInfoTableLoading === false"
style="position: relative;" style="position: relative;"
:page="handleSelectPage" :page="handleSelectForm.page"
:total="handleSelectTotal" :total="handleSelectForm.total"
@pageChange="handleSelectPageChange" @pageChange="handleSelectPageChange"
@pageSizeChange="handleSelectPageSizeChange"></pagination> @pageSizeChange="handleSelectPageSizeChange"></pagination>
<div slot="footer" class="demo-drawer-footer"> <div slot="footer" class="demo-drawer-footer">
<el-button class="common-button-default" round icon="el-icon-close" @click="selectModal = false">取消</el-button> <el-button class="common-button-default" round icon="el-icon-close" @click="selectModal = false">取消</el-button>
<el-button type="primary" round class="common-button-primary" icon="el-icon-check" @click="handleSelectConfirm">确定</el-button> <el-button type="primary" round class="common-button-primary" icon="el-icon-check" @click="handleSelectConfirm" v-show="lawInfoTableLoading === false">确定</el-button>
</div> </div>
</div> </div>
</el-drawer> </el-drawer>
@@ -420,7 +764,7 @@ export default {
], ],
addOrEdit: '', addOrEdit: '',
attributeEOFormRules: { attributeEOFormRules: {
lawId: [ lawCode: [
{ required: true, message: '标准编号/政策编号不能为空', trigger: 'blur' }, { required: true, message: '标准编号/政策编号不能为空', trigger: 'blur' },
], ],
lawName: [ lawName: [
@@ -437,8 +781,11 @@ export default {
], ],
}, },
attributeEO: { attributeEO: {
id: '',
lawId: '', lawId: '',
//
dataSource: '',
id: '',
lawCode: '',
lawName: '', lawName: '',
productType: '', productType: '',
implTime: '', implTime: '',
@@ -458,7 +805,7 @@ export default {
rows: 10, rows: 10,
// //
sarSarAccessEOSearch: { sarSarAccessEOSearch: {
lawId: '', lawCode: '',
lawName: '', lawName: '',
productType: '', productType: '',
accessContent: '', accessContent: '',
@@ -516,12 +863,6 @@ export default {
deadLine: '', // deadLine: '', //
applyAuth: '' // applyAuth: '' //
}, },
dataSourceOptions: [
{value: 'INLAND', label: '国内标准法规'},
{value: 'FOREIGN', label: '海外标准法规'},
{value: 'FOREIGN_LAWS', label: '国内外政策'},
{value: 'BUSINESS', label: '企业标准 '}
],
sarAccessInfoSearchList: [], sarAccessInfoSearchList: [],
selectedAccInfoSearchList: [], selectedAccInfoSearchList: [],
sarAccessInfoListArry: [], sarAccessInfoListArry: [],
@@ -536,6 +877,14 @@ export default {
} }
}, },
methods: { methods: {
formatIssueDate(str) {
const momentDate = this.$moment(str)
if (momentDate.isValid()) {
return this.$moment(str).format('YYYY-MM-DD')
} else {
return str
}
},
// //
handlePreview(item) { handlePreview(item) {
console.log('539',item) console.log('539',item)
@@ -585,6 +934,7 @@ export default {
}) })
}, },
dataSourceChange() { dataSourceChange() {
this.handleSelectForm.page = 1
this.lawInfoTableLoading = true this.lawInfoTableLoading = true
this.handleSelectForm.standType = this.handleSelectForm.dataSource this.handleSelectForm.standType = this.handleSelectForm.dataSource
this.searchLawBtn() this.searchLawBtn()
@@ -608,13 +958,10 @@ export default {
this.$message.warning('请选择一条数据') this.$message.warning('请选择一条数据')
} }
else { else {
// dataSourceOptions: [ console.log('619',this.handleSelectForm.dataSource)
// {value: 'INLAND', label: ''}, this.attributeEO.dataSource = this.handleSelectForm.dataSource
// {value: 'FOREIGN', label: ''}, this.attributeEO.lawId = this.handleSelectTableList[0].id
// {value: 'FOREIGN_LAWS', label: ''}, this.attributeEO.lawCode =this.handleSelectTableList[0].standCode || this.handleSelectTableList[0].lawsNumber || this.handleSelectTableList[0].standSort+" "+this.handleSelectTableList[0].standNumber+"-"+this.handleSelectTableList[0].standYear
// {value: 'BUSINESS', label: ' '}
// ],
this.attributeEO.lawId =this.handleSelectTableList[0].standCode || this.handleSelectTableList[0].lawsNumber || this.handleSelectTableList[0].standSort+" "+this.handleSelectTableList[0].standNumber+"-"+this.handleSelectTableList[0].standYear
this.attributeEO.lawName = this.handleSelectTableList[0].standName || this.handleSelectTableList[0].lawsName this.attributeEO.lawName = this.handleSelectTableList[0].standName || this.handleSelectTableList[0].lawsName
this.selectModal = false this.selectModal = false
} }
@@ -647,7 +994,7 @@ export default {
console.log('国内标准库数据',res) console.log('国内标准库数据',res)
if (res.ok){ if (res.ok){
this.lawInfoTable = res.data.list this.lawInfoTable = res.data.list
this.handleSelectTotal = res.data.count this.handleSelectForm.total = res.data.count
if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) { if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
this.lawInfoTableLoading = true this.lawInfoTableLoading = true
this.handleSelectPageChange(1) this.handleSelectPageChange(1)
@@ -660,7 +1007,7 @@ export default {
} }
},e=>{ },e=>{
this.lawInfoTable = [] this.lawInfoTable = []
this.total = 0 this.handleSelectForm.total = 0
}) })
console.log('国内标准库') console.log('国内标准库')
}else if(this.handleSelectForm.dataSource === 'FOREIGN'){ }else if(this.handleSelectForm.dataSource === 'FOREIGN'){
@@ -670,7 +1017,7 @@ export default {
console.log('海外标准库数据',res) console.log('海外标准库数据',res)
if (res.ok){ if (res.ok){
this.lawInfoTable = res.data.list this.lawInfoTable = res.data.list
this.handleSelectTotal = res.data.count this.handleSelectForm.total = res.data.count
if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) { if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
this.lawInfoTableLoading = true this.lawInfoTableLoading = true
this.handleSelectPageChange(1) this.handleSelectPageChange(1)
@@ -683,7 +1030,7 @@ export default {
} }
},e=>{ },e=>{
this.lawInfoTable = [] this.lawInfoTable = []
this.total = 0 this.handleSelectForm.total = 0
}) })
console.log('海外标准库') console.log('海外标准库')
}else if(this.handleSelectForm.dataSource === 'FOREIGN_LAWS'){ }else if(this.handleSelectForm.dataSource === 'FOREIGN_LAWS'){
@@ -693,7 +1040,7 @@ export default {
console.log('国内外政策库数据',res) console.log('国内外政策库数据',res)
if (res.ok){ if (res.ok){
this.lawInfoTable = res.data.list this.lawInfoTable = res.data.list
this.handleSelectTotal = res.data.count this.handleSelectForm.total = res.data.count
if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) { if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
this.lawInfoTableLoading = true this.lawInfoTableLoading = true
this.handleSelectPageChange(1) this.handleSelectPageChange(1)
@@ -706,7 +1053,7 @@ export default {
} }
},e=>{ },e=>{
this.lawInfoTable = [] this.lawInfoTable = []
this.total = 0 this.handleSelectForm.total = 0
}) })
console.log('国内外政策库') console.log('国内外政策库')
}else if(this.handleSelectForm.dataSource === 'BUSINESS_STAND'){ }else if(this.handleSelectForm.dataSource === 'BUSINESS_STAND'){
@@ -716,7 +1063,7 @@ export default {
console.log('企业标准库数据',res) console.log('企业标准库数据',res)
if (res.ok){ if (res.ok){
this.lawInfoTable = res.data.list this.lawInfoTable = res.data.list
this.handleSelectTotal = res.data.count this.handleSelectForm.total = res.data.count
if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) { if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
this.lawInfoTableLoading = true this.lawInfoTableLoading = true
this.handleSelectPageChange(1) this.handleSelectPageChange(1)
@@ -729,7 +1076,7 @@ export default {
} }
},e=>{ },e=>{
this.lawInfoTable = [] this.lawInfoTable = []
this.total = 0 this.handleSelectForm.total = 0
}) })
console.log('企业标准库') console.log('企业标准库')
}else { }else {
@@ -744,7 +1091,7 @@ export default {
}, },
handleSelectPageSizeChange(pageSize){ handleSelectPageSizeChange(pageSize){
this.lawInfoTableLoading = true this.lawInfoTableLoading = true
this.handleSelectForm.pageSize = this.$store.getters.userInfo.configContent this.handleSelectForm.pageSize = pageSize
console.log(this.handleSelectForm.pageSize) console.log(this.handleSelectForm.pageSize)
this.searchLawBtn() this.searchLawBtn()
}, },
@@ -816,7 +1163,7 @@ export default {
// this.$refs['attributeEO'].resetFields() // this.$refs['attributeEO'].resetFields()
// this.attributeEO = { // this.attributeEO = {
// id: '', // id: '',
// lawId: '', // lawCode: '',
// lawName: '', // lawName: '',
// productType: '', // productType: '',
// implTime: '', // implTime: '',
@@ -830,7 +1177,7 @@ export default {
this.$refs['attributeEO'].resetFields() this.$refs['attributeEO'].resetFields()
this.attributeEO = { this.attributeEO = {
id: '', id: '',
lawId: '', lawCode: '',
lawName: '', lawName: '',
productType: '', productType: '',
implTime: '', implTime: '',
@@ -848,7 +1195,7 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
this.attributeEO = { this.attributeEO = {
id: '', id: '',
lawId: '', lawCode: '',
lawName: '', lawName: '',
productType: '', productType: '',
implTime: '', implTime: '',
@@ -960,12 +1307,12 @@ export default {
}, },
pageSizeChange (pageSize) { pageSizeChange (pageSize) {
this.sarSarAccessEOSearch.page = 1 this.sarSarAccessEOSearch.page = 1
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent this.sarSarAccessEOSearch.pageSize = pageSize
this.searchSarAccess() this.searchSarAccess()
}, },
clearSearch (search = true) { clearSearch (search = true) {
// search // search
this.sarSarAccessEOSearch.lawId = '' this.sarSarAccessEOSearch.lawCode = ''
this.sarSarAccessEOSearch.lawName = '' this.sarSarAccessEOSearch.lawName = ''
this.sarSarAccessEOSearch.productType = '' this.sarSarAccessEOSearch.productType = ''
this.sarSarAccessEOSearch.accessContent = '' this.sarSarAccessEOSearch.accessContent = ''
@@ -2,37 +2,38 @@
<template> <template>
<div id="listOfMeeting" class="child3"> <div id="listOfMeeting" class="child3">
<!-- 第一第二行表单 --> <!-- 第一第二行表单 -->
<el-form :inline="true" :model="formQuery" class="demo-form-inline"> <el-form :inline="true" :model="form" class="demo-form-inline">
<el-form-item label="会议名称"> <el-form-item label="会议名称">
<el-input v-model="formQuery.name" size="small" placeholder="请输入会议名称"></el-input> <el-input v-model="form.meeting" size="small" placeholder="请输入会议名称"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="会议时间"> <el-form-item label="会议时间">
<el-select v-model="formQuery.time" size="small" placeholder="请选择会议时间"> <el-date-picker
<el-option label="1" value="one"></el-option> v-model="form.time"
<el-option label="2" value="two"></el-option> size="small"
</el-select> value-format="yyyy-MM-dd HH:mm:ss"
type="datetime"
placeholder="请选择会议时间">
</el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="参加单位"> <el-form-item label="参加单位">
<el-select v-model="formQuery.part" size="small" placeholder="请选择参加单位"> <el-input v-model="form.participants" size="small" placeholder="请输入主要议题">
<el-option label="1" value="one"></el-option> </el-input>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="主要议题"> <el-form-item label="主要议题">
<el-input v-model="formQuery.theme" size="small" placeholder="请输入主要议题"> <el-input v-model="form.issues" size="small" placeholder="请输入主要议题">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" size="small" @click="">查询</el-button> <el-button type="primary" size="small" @click="queryForm">查询</el-button>
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button> <el-button type="" size="small" @click="resetForm">清空</el-button>
</el-form-item> </el-form-item>
<el-divider/> <el-divider/>
<div style="float: left"> <div style="float: left">
<el-button type="primary" size="small" @click="drawer = true">新增</el-button> <el-button type="primary" size="small" @click="formDataAdd">新增</el-button>
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button> <!-- <el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>-->
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button> <!-- <el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>-->
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button> <el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
<el-button type="primary" size="small" onclick="">模板下载</el-button> <!-- <el-button type="primary" size="small" onclick="">模板下载</el-button>-->
</div> </div>
</el-form> </el-form>
<el-divider/> <el-divider/>
@@ -53,99 +54,91 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
type="index" prop="host"
label="序号"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="holdUnit"
label="主办单位" label="主办单位"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="meetingName" prop="meeting"
label="会议名称" label="会议名称"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="meetingTime" prop="time"
label="会议时间" label="会议时间"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="meetingArea" prop="place"
label="会议地点" label="会议地点"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="costStandard" prop="contributions"
label="会费标准" label="会费标准"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="reality" prop="occurs"
label="会费实际发生" label="会费实际发生"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="costList" prop="expenses"
label="费用列支" label="费用列支"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="partner" prop="user"
label="参会人员" label="参会人员"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="leader" prop="leadership"
label="主管领导" label="主管领导"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="unit" prop="participants"
label="参单位" label="参单位"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="meetingMeans" prop="information"
label="会议资料" label="会议资料"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="meetingSound" prop="recording"
label="会议录音" label="会议录音"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="meetingTheme" prop="issues"
label="主要议题" label="主要议题"
width="150" width="150"
> >
@@ -156,6 +149,9 @@
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="''">
查看
</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''"> <el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''">
编辑 编辑
</el-dropdown-item> </el-dropdown-item>
@@ -170,114 +166,139 @@
</el-table> </el-table>
<loading :loading="loading">加载中...</loading> <loading :loading="loading">加载中...</loading>
<pagination <pagination
:page="formQuery.page" :page="form.page"
:total="tableTotal" :total="tableTotal"
@pageChange="pageChange" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"/> @pageSizeChange="pageSizeChange"/>
</div> </div>
<!-- 新增抽屉 --> <!-- 新增抽屉 -->
<el-drawer <el-drawer
size="50%" size="1000px"
:before-close="addDrawerClose"
:title="drawerTitle" :title="drawerTitle"
:visible.sync="drawerTable"> :visible.sync="drawerTable">
<div style="margin: 10px;"> <div class="demo-drawer-content" v-if="drawerTable">
<el-form label-width="150px" style="overflow-y: scroll" ref="formShowData" :model="formShowData" :rules="formRules"> <div class="content">
<el-form-item label="主办单位"> <div class="standard-table-search">
<el-input v-model="formShowData.holdUnit" type="text" placeholder="请填写"></el-input> <el-row :gutter="24">
</el-form-item> <el-col :span="24">
<el-form-item label="会议名称"> <el-form :model="addForm" inline class="label-input-form" label-width="180px" :rules="formRules" ref="addForm">
<el-input v-model="formShowData.meetingName" type="text" placeholder="请填写"></el-input> <el-form-item prop="host" label="主办单位" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
</el-form-item> <el-input
<el-form-item label="会议时间"> :disabled="DrawerType === 'see'"
<el-select v-model="formShowData.meetingTime" type="text" placeholder="请选择"> v-model="addForm.host"
<el-option label="1" value="one"></el-option> placeholder="请输入主办单位"
<el-option label="2" value="two"></el-option> :maxlength="500"/>
</el-select> </el-form-item>
</el-form-item> <el-form-item prop="meeting" label="会议名称" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-form-item label="会议地点"> <el-input
<el-select v-model="formShowData.meetingArea" type="text" placeholder="请填写"> :disabled="DrawerType === 'see'"
<el-option label="1" value="one"></el-option> v-model="addForm.meeting"
<el-option label="2" value="two"></el-option> placeholder="请输入会议名称"
</el-select> :maxlength="500"/>
</el-form-item> </el-form-item>
<el-form-item label="会费标准"> <el-form-item label="会议时间" style="width: 100%; margin-right:10px" prop="time" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-select v-model="formShowData.costStandard" placeholder="请选择" type="text"> <el-date-picker
<el-option label="1" value="one"></el-option> v-model="addForm.time"
<el-option label="2" value="two"></el-option> :disabled="DrawerType === 'see'"
</el-select> value-format="yyyy-MM-dd HH:mm:ss"
</el-form-item> type="datetime"
<el-form-item label="会费实际发生"> placeholder="请选择会议时间">
<el-select v-model="formShowData.reality" placeholder="请选择"> </el-date-picker>
<el-option label="1" value="one"></el-option> </el-form-item>
<el-option label="2" value="two"></el-option> <el-form-item prop="place" label="会议地点" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
</el-select> <el-input
</el-form-item> :disabled="DrawerType === 'see'"
<el-form-item label="费用列支"> v-model="addForm.place"
<el-select v-model="formShowData.costList" placeholder="请选择"> placeholder="请输入会议地点"
<el-option label="1" value="one"></el-option> :maxlength="500"/>
<el-option label="2" value="two"></el-option> </el-form-item>
</el-select> <el-form-item prop="contributions" label="会费标准" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
</el-form-item> <el-input
<el-form-item label="参会人员"> :disabled="DrawerType === 'see'"
<el-input v-model="formShowData.partner" type="text" placeholder="请填写"></el-input> v-model="addForm.contributions"
</el-form-item> placeholder="请输入会费标准"
<el-form-item label="主管领导"> :maxlength="500"/>
<el-input v-model="formShowData.leader" placeholder="请填写"> </el-form-item>
</el-input> <el-form-item prop="occurs" label="会费实际发生" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
</el-form-item> <el-input
<el-form-item label="参与单位"> :disabled="DrawerType === 'see'"
<el-input v-model="formShowData.unit" type="text" placeholder="请填写"></el-input> v-model="addForm.occurs"
</el-form-item> placeholder="请输入会费实际发生"
<el-form-item label="会议录音"> :maxlength="500"/>
<el-input v-model="formShowData.meetingSound" type="text" placeholder="请填写"></el-input> </el-form-item>
</el-form-item> <el-form-item prop="expenses" label="费用列支" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-form-item label="主要议题"> <el-input
<el-input v-model="formShowData.meetingTheme" type="text" placeholder="请填写"></el-input> :disabled="DrawerType === 'see'"
</el-form-item> v-model="addForm.expenses"
</el-form> placeholder="请输入费用列支"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="user" label="参会人员" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.user"
placeholder="请输入参会人员"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="leadership" label="主管领导" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.leadership"
placeholder="请输入主管领导"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="participants" label="参会单位" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.participants"
placeholder="请输入参会单位"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="information" label="会议资料" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.information"
placeholder="请输入会议资料"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="recording" label="会议录音" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.recording"
placeholder="请输入会议录音"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="issues" label="主要议题" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.issues"
placeholder="请输入主要议题"
:maxlength="500"/>
</el-form-item>
</el-form>
</el-col>
</el-row>
</div>
</div>
</div> </div>
<div class="demo-drawer-footer"> <div class="demo-drawer-footer" v-if="DrawerType !== 'see'">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button> <el-button
<el-button size="small" type="primary" @click="submit()">提交</el-button> size="mini"
class="common-button-primary"
icon="el-icon-check"
type="primary"
:loading="subLoading"
@click="submit">提交
</el-button>
<el-button
size="mini"
class="common-button-default"
icon="el-icon-close"
@click="addDrawerClose">取消</el-button>
</div> </div>
</el-drawer> </el-drawer>
<!-- <div>
&lt;!&ndash; 导入弹框 &ndash;&gt;
<el-dialog
title="导入文件"
:visible.sync="dialogVisible1"
width="30%"
>
<el-button class="leading-in">点击或拖拽上传文件</el-button>
</el-dialog>
&lt;!&ndash; 导出弹框 &ndash;&gt;
<el-dialog
title="导出文件"
:visible.sync="dialogVisible2"
width="30%"
>
<el-form :model="formInlineOut">
<el-form-item label="名称" >
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="序号" >
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible2 = false"> </el-button>
<el-button type="primary" @click="dialogVisible2 = false"> </el-button>
</span>
</el-dialog>
</div>-->
</div> </div>
</template> </template>
<script> <script>
@@ -285,79 +306,249 @@ export default {
name: "child3", name: "child3",
data() { data() {
return { return {
subLoading: false,
loading: false, loading: false,
formQuery: { form: {
name: '', meeting: '',
time: '', time: '',
part: '', participants: '',
theme: '', issues: '',
current: 1,
page: 1, page: 1,
pageSize: this.$store.getters.userInfo.configContent, pageSize: this.$store.getters.userInfo.configContent,
}, },
tableTotal: 0, tableTotal: 0,
tableData: [], tableData: [],
multipleSelection: [], multipleSelection: [],
formShowData: { addForm: {
holdUnit: '', host: '',
mneetingName: '', meeting: '',
meetingTime: '', time: '',
meetingArea: '', place: '',
costStandard: '', contributions: '',
reality: '', occurs: '',
costList: '', expenses: '',
partner: '', user: '',
leader: '', leadership: '',
unit: '', participants: '',
meetingMeans: '', information: '',
meetingSound: '', recording: '',
meetingTheme: '' issues: '',
},
formRules: {
host: [
{required: true, message: '请输入主办单位', trigger: 'blur'},
],
meeting: [
{required: true, message: '请输入会议名称', trigger: 'blur'},
],
time: [
{required: true, message: '请选择会议时间', trigger: 'change'},
],
place: [
{required: true, message: '请输入会议地点', trigger: 'blur'},
],
contributions: [
{required: true, message: '请输入会费标准', trigger: 'blur'},
],
occurs: [
{required: true, message: '请输入会费实际发生', trigger: 'blur'},
],
expenses: [
{required: true, message: '请输入费用列支', trigger: 'blur'},
],
user: [
{required: true, message: '请输入参会人员', trigger: 'blur'},
],
leadership: [
{required: true, message: '请输入主管领导', trigger: 'blur'},
],
participants: [
{required: true, message: '请输入参会单位', trigger: 'blur'},
],
information: [
{required: true, message: '请输入会议资料', trigger: 'blur'},
],
recording: [
{required: true, message: '请输入会议录音', trigger: 'blur'},
],
issues: [
{required: true, message: '请输入主要议题', trigger: 'blur'},
],
}, },
formRules: {},
drawerTitle: '', drawerTitle: '',
drawerTable: false, drawerTable: false,
DrawerType: '',
} }
}, },
mounted () {
created() { this.getData()
console.log(4)
}, },
methods: { methods: {
formDataAdd () {
this.DrawerType = 'add'
this.drawerTitle = '新增'
this.drawerTable = true
}, //
queryForm () {
this.form.page = 1
this.getData()
}, //
getData () {
this.loading = true
this.$http.get('wgdCensusLeo/wgd-wbtj/queryAllWbtjs', this.form, {
_this: this
}, res => {
this.loading = false
if (res.ok) {
this.tableData = res.data.list
this.tableTotal = res.data.count
}
})
}, //
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val;
}, },
//
submit() { submit() {
}, this.$refs['addForm'].validate((valid) => {
// if (valid) {
deleteDetail() {}, this.subLoading = true
// let url = ''
resetForm() {}, let tips = ''
if (this.DrawerType === 'edit') {
url = 'wgdCensusLeo/wgd-wbtj/modWbtj'
tips = '编辑'
}else if (this.DrawerType === 'add') {
url = 'wgdCensusLeo/wgd-wbtj/addWbtj'
tips = '添加'
}
this.$http.post(url, this.addForm, {
_this: this
}, res => {
this.subLoading = false
if (res.ok) {
this.drawerTable = false
this.$message.success(tips + '成功')
this.getData()
} else {
this.$message.warning(tips + '失败')
}
})
} else {
this.$message.warning('请检查表单是否填写正确')
}
})
}, //
addDrawerClose () {
this.addForm = {}
this.drawerTable = false
},//
deleteDetail() {
if (this.multipleSelection.length) {
this.$confirm('您是否确认删除选中数据?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
confirmButtonClass: 'common-button-primary',
roundButton: true
}).then(() => {
let ids = ''
this.multipleSelection.forEach(item => {
if (ids.length > 0) {
ids += ','
ids += item.id
} else {
ids = item.id
}
})
this.$http.post('wgdCensusLeo/wgd-wbtj/delWbtjs', {
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('请选择要删除的数据')
}
}, //
resetForm() {
this.form.meeting = ''
this.form.time = ''
this.form.participants = ''
this.form.issues = ''
this.form.page = 1
this.getData()
}, //
// //
handleCommand(command) { handleCommand(command) {
switch (command[1]) { switch (command[1]) {
case "查看":
this.drawerTitle = '查看'
this.DrawerType = 'see'
this.drawerTable = true
this.addForm = command[0]
break
case "编辑": case "编辑":
this.editRowOne(command[0]); this.DrawerType = 'edit'
this.drawerTitle = '编辑'
this.drawerTable = true
this.addForm = {
id: command[0].id,
host: command[0].host,
meeting: command[0].meeting,
time: this.$moment(command[0].time).format("YYYY-MM-DD HH:mm:ss"),
place: command[0].place,
contributions: command[0].contributions,
occurs: command[0].occurs,
expenses: command[0].expenses,
user: command[0].user,
leadership: command[0].leadership,
participants: command[0].participants,
information: command[0].information,
recording: command[0].recording,
issues: command[0].issues,
}
break; break;
case "删除": case "删除":
this.deleteRowOne("delOne", command[0].id); this.$confirm('您是否确认删除选中数据?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
confirmButtonClass: 'common-button-primary',
roundButton: true
}).then(() => {
this.$http.post('wgdCensusLeo/wgd-wbtj/delWbtjs', {
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; break;
} }
}, },
editRowOne() {},
deleteRowOne() {},
/** 分页 */ /** 分页 */
pageChange(page) { pageChange(page) {
this.formQuery.page = page this.form.page = page
this.getTableData() this.getData()
}, },
pageSizeChange(pageSize) { pageSizeChange(pageSize) {
this.formQuery.pageSize = pageSize this.form.pageSize = pageSize
this.getTableData() this.getData()
}, },
} }
} }
@@ -368,7 +559,11 @@ export default {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.add-form-item {
/deep/.el-form-item__content {
width: calc(~'100% - 180px');
}
}
.pagination { .pagination {
position: inherit!important; position: inherit!important;
} }
@@ -2,36 +2,30 @@
<template> <template>
<div id="listOfStandard" class="child4"> <div id="listOfStandard" class="child4">
<!-- 第一第二行表单 --> <!-- 第一第二行表单 -->
<el-form :inline="true" :model="formQuery" class="demo-form-inline"> <el-form :inline="true" :model="form" class="demo-form-inline">
<el-form-item label="标准编号"> <el-form-item label="标准编号">
<el-input v-model="formQuery.num" size="small" placeholder="请输入标准编号"></el-input> <el-input v-model="form.number" size="small" placeholder="请输入标准编号"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="标准名称"> <el-form-item label="标准名称">
<el-select v-model="formQuery.name" size="small" placeholder="请选择标准名称"></el-select> <el-input v-model="form.name" size="small" placeholder="请输入标准名称"></el-input>
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-form-item> </el-form-item>
<el-form-item label="标准制/修订"> <el-form-item label="标准制/修订">
<el-select v-model="formQuery.revise" size="small" placeholder="请选择标准制/修订"> <el-input v-model="form.revised" size="small" placeholder="请输入标准制/修订"></el-input>
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="主持/参与"> <el-form-item label="主持/参与">
<el-input v-model="formQuery.directPartner" size="small" placeholder="请选择主持/参与"> <el-input v-model="form.preside" size="small" placeholder="请输入标主持/参与"></el-input>
</el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" size="small" @click="">查询</el-button> <el-button type="primary" size="small" @click="queryForm">查询</el-button>
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button> <el-button type="" size="small" @click="resetForm">清空</el-button>
</el-form-item> </el-form-item>
<el-divider/> <el-divider/>
<div style="float: left"> <div style="float: left">
<el-button type="primary" size="small" @click="drawer = true">新增</el-button> <el-button type="primary" size="small" @click="formDataAdd">新增</el-button>
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button> <!-- <el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>-->
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button> <!-- <el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>-->
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button> <el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
<el-button type="primary" size="small" onclick="">模板下载</el-button> <!-- <el-button type="primary" size="small" onclick="">模板下载</el-button>-->
</div> </div>
</el-form> </el-form>
<el-divider/> <el-divider/>
@@ -51,14 +45,6 @@
align="center" align="center"
type="selection" type="selection"
width="50"> width="50">
</el-table-column>
<el-table-column
align="center"
type="index"
label="序号"
width="50"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
@@ -69,145 +55,140 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="standardNum" prop="number"
label="标准号" label="标准号"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="standardName" prop="name"
label="标准名称" label="标准名称"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="codeNum" prop="projectId"
label="项目代号" label="项目代号"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="codeName" prop="projectName"
label="项目名称" label="项目名称"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="standardType" prop="type"
label="标准类型" label="标准类型"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="directPartner" prop="preside"
label="主持或参与" label="主持或参与"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="startTime" prop="dataStart"
label="发布日期" label="发布日期"
width="150" width="150"
> >
<template slot-scope="scope">{{ scope.row.date }}</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="putTime" prop="dataImplement"
label="实施日期" label="实施日期"
width="150" width="150"
> >
<template slot-scope="scope">{{ scope.row.date }}</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="organ" prop="body"
label="颁布机构" label="颁布机构"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="headDraft" prop="drafting"
label="牵头起草单位" label="牵头起草单位"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="recordTime" prop="dataRecord"
label="备案时间" label="备案时间"
width="150" width="150"
> >
<template slot-scope="scope">{{ scope.row.date }}</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="putUnit" prop="report"
label="提报单位名称" label="提报单位名称"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="partner" prop="participants"
label="参与人" label="参与人"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="writer" prop="celebrity"
label="署名人" label="署名人"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="standardCost" prop="costMarking"
label="制标费用" label="制标费用"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="elseCost" prop="costOther"
label="其他费用" label="其他费用"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="revise" prop="revised"
label="标准制/修订" label="标准制/修订"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="prize" prop="status"
label="获奖情况" label="获奖情况"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="writerSort" prop="signature"
label="署名排序" label="署名排序"
width="150" width="150"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="remarks" prop="remark"
label="备注" label="备注"
width="150" width="150"
> >
@@ -218,6 +199,9 @@
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="''">
查看
</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''"> <el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''">
编辑 编辑
</el-dropdown-item> </el-dropdown-item>
@@ -232,153 +216,199 @@
</el-table> </el-table>
<loading :loading="loading">加载中...</loading> <loading :loading="loading">加载中...</loading>
<pagination <pagination
:page="formQuery.page" :page="form.page"
:total="tableTotal" :total="tableTotal"
@pageChange="pageChange" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"/> @pageSizeChange="pageSizeChange"/>
</div> </div>
<!-- 新增抽屉 --> <!-- 新增抽屉 -->
<el-drawer <el-drawer
size="50%" size="1000px"
:title="drawerTitle" :before-close="addDrawerClose"
:visible.sync="drawerTable"> :title="drawerTitle"
<div style="margin: 10px;"> :visible.sync="drawerTable">
<el-form label-width="150px" style="overflow-y: scroll" ref="formShowData" :model="formShowData" :rules="formRules"> <div class="demo-drawer-content" v-if="drawerTable">
<el-form-item label="所处阶段"> <div class="content">
<el-select v-model="formShowData.stage" type="text" placeholder="请填写"> <div class="standard-table-search">
<el-option label="1" value="one"></el-option> <el-row :gutter="24">
<el-option label="2" value="two"></el-option> <el-col :span="24">
</el-select> <el-form :model="addForm" inline class="label-input-form" label-width="180px" :rules="formRules" ref="addForm">
</el-form-item> <el-form-item prop="stage" label="所处阶段" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-form-item label="标准号"> <el-input
<el-input v-model="formShowData.standardNum" type="text" placeholder="请填写"></el-input> :disabled="DrawerType === 'see'"
</el-form-item> v-model="addForm.stage"
<el-form-item label="标准名称"> placeholder="请输入所处阶段"
<el-input v-model="formShowData.standardName" type="text" placeholder="请填写"> :maxlength="500"/>
</el-input> </el-form-item>
</el-form-item> <el-form-item prop="number" label="标准号" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-form-item label="标准类型"> <el-input
<el-select v-model="formShowData.standardType" type="text" placeholder="请选择"> :disabled="DrawerType === 'see'"
<el-option label="1" value="one"></el-option> v-model="addForm.number"
<el-option label="2" value="two"></el-option> placeholder="请输入标准号"
</el-select> :maxlength="500"/>
</el-form-item> </el-form-item>
<el-form-item label="主持或参与"> <el-form-item prop="name" label="标准名称" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-select v-model="formShowData.directPartner" placeholder="请选择" type="text"> <el-input
<el-option label="1" value="one"></el-option> :disabled="DrawerType === 'see'"
<el-option label="2" value="two"></el-option> v-model="addForm.name"
</el-select> placeholder="请输入标准名称"
</el-form-item> :maxlength="500"/>
<el-form-item label="发布日期"> </el-form-item>
<el-select v-model="formShowData.startTime" placeholder="请选择"> <el-form-item prop="projectId" label="项目代号" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-option label="1" value="one"></el-option> <el-input
<el-option label="2" value="two"></el-option> :disabled="DrawerType === 'see'"
</el-select> v-model="addForm.projectId"
</el-form-item> placeholder="请输入项目代号"
<el-form-item label="实施日期"> :maxlength="500"/>
<el-select v-model="formShowData.putTime" placeholder="请选择"> </el-form-item>
<el-option label="1" value="one"></el-option> <el-form-item prop="projectName" label="项目名称" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-option label="2" value="two"></el-option> <el-input
</el-select> :disabled="DrawerType === 'see'"
</el-form-item> v-model="addForm.projectName"
<el-form-item label="颁布机构"> placeholder="请输入项目名称"
<el-input v-model="formShowData.organ" type="text" placeholder="请填写"></el-input> :maxlength="500"/>
</el-form-item> </el-form-item>
<el-form-item label="牵头起草单位"> <el-form-item prop="type" label="标准类型" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input v-model="formShowData.headDraft" placeholder="请填写"> <el-input
</el-input> :disabled="DrawerType === 'see'"
</el-form-item> v-model="addForm.type"
<el-form-item label="备案时间"> placeholder="请输入标准类型"
<el-input v-model="formShowData.recordTime" type="text" placeholder="请填写"></el-input> :maxlength="500"/>
</el-form-item> </el-form-item>
<el-form-item label="提报单位名称"> <el-form-item prop="preside" label="主持或参与" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input v-model="formShowData.putUnit" type="text" placeholder="请填写"></el-input> <el-input
</el-form-item> :disabled="DrawerType === 'see'"
<el-form-item label="参与人"> v-model="addForm.preside"
<el-select v-model="formShowData.partner" type="text" placeholder="请填写"> placeholder="请输入主持或参与"
<el-option label="1" value="one"></el-option> :maxlength="500"/>
<el-option label="2" value="two"></el-option> </el-form-item>
</el-select> <el-form-item prop="dataStart" label="发布日期" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
</el-form-item> <el-date-picker
<el-form-item label="标准制/修订"> v-model="addForm.dataStart"
<el-select v-model="formShowData.revise" type="text" placeholder="请填写"> :disabled="DrawerType === 'see'"
<el-option label="1" value="one"></el-option> value-format="yyyy-MM-dd"
<el-option label="2" value="two"></el-option> type="date"
</el-select> placeholder="请选择发布日期">
</el-form-item> </el-date-picker>
<el-form-item label="获奖情况"> </el-form-item>
<el-input v-model="formShowData.prize" type="text" placeholder="请填写"></el-input> <el-form-item prop="dataImplement" label="实施日期" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
</el-form-item> <el-date-picker
<el-form-item label="署名排序"> v-model="addForm.dataImplement"
<el-input v-model="formShowData.writerSort" type="text" placeholder="请填写"></el-input> :disabled="DrawerType === 'see'"
</el-form-item> value-format="yyyy-MM-dd"
<el-form-item label="备注"> type="date"
<el-input v-model="formShowData.remarks" type="text" placeholder="请填写"></el-input> placeholder="请选择实施日期">
</el-form-item> </el-date-picker>
</el-form> </el-form-item>
</div> <el-form-item prop="body" label="颁布机构" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<div class="demo-drawer-footer"> <el-input
<el-button size="small" @click="dialogVisible2 = false">取消</el-button> :disabled="DrawerType === 'see'"
<el-button size="small" type="primary" @click="submit()">提交</el-button> v-model="addForm.body"
placeholder="请输入颁布机构"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="drafting" label="牵头起草单位" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.drafting"
placeholder="请输入牵头起草单位"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="dataRecord" label="备案时间" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-date-picker
v-model="addForm.dataRecord"
:disabled="DrawerType === 'see'"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetime"
placeholder="请选择备案时间">
</el-date-picker>
</el-form-item>
<el-form-item prop="report" label="提报单位名称" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.report"
placeholder="请输入提报单位名称"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="participants" label="参与人" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.participants"
placeholder="请输入参与人"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="celebrity" label="署名人" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.celebrity"
placeholder="请输入署名人"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="costMarking" label="制标费用" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.costMarking"
placeholder="请输入制标费用"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="costOther" label="其他费用" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.costOther"
placeholder="请输入其他费用"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="revised" label="标准制/修订" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.revised"
placeholder="请输入标准制/修订"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="status" label="获奖情况" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.status"
placeholder="请输入获奖情况"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="signature" label="署名排序" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.signature"
placeholder="请输入署名排序"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="remark" label="备注" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.remark"
placeholder="请输入备注"
:maxlength="500"/>
</el-form-item>
</el-form>
</el-col>
</el-row>
</div>
</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="subLoading"
@click="submit">提交
</el-button>
<el-button
size="mini"
class="common-button-default"
icon="el-icon-close"
@click="addDrawerClose">取消</el-button>
</div>
</el-drawer> </el-drawer>
<!-- <div>
&lt;!&ndash; 导入弹框 &ndash;&gt;
<el-dialog
title="导入文件"
:visible.sync="dialogVisible1"
width="30%"
>
<el-button class="leading-in">点击或拖拽上传文件</el-button>
</el-dialog>
&lt;!&ndash; 导出弹框 &ndash;&gt;
<el-dialog
title="导出文件"
:visible.sync="dialogVisible2"
width="30%"
>
<el-form :model="formInlineOut">
<el-form-item label="名称" >
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="序号" >
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible2 = false"> </el-button>
<el-button type="primary" @click="dialogVisible2 = false"> </el-button>
</span>
</el-dialog>
&lt;!&ndash; 删除提示弹框 &ndash;&gt;
<el-dialog
:visible.sync="dialogVisible3"
width="30%"
title="提 示:"
height="100px"
>
<span >
<div class="icon">
<svg t="1628502929427" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1418" width="200" height="200">
<path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m48-784a48 48 0 0 0-96 0v352a48 48 0 0 0 96 0v-352zM512 736A48 48 0 1 0 512 832a48 48 0 0 0 0-96z" p-id="1419" fill="#d81e06">
</path>
</svg></div>
确认删除这些数据</span>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible3 = false">不用了</el-button>
<el-button type="primary" @click="dialogVisible3 = false"> </el-button>
</span>
</el-dialog>
</div>-->
</div> </div>
</template> </template>
<script> <script>
@@ -386,89 +416,289 @@ export default {
name: "child4", name: "child4",
data() { data() {
return { return {
subLoading: false,
loading: false, loading: false,
formQuery: { form: {
num: '', number: '',
name: '', name: '',
revise: '', revised: '',
directPartner: '', preside: '',
current: 1,
page: 1, page: 1,
pageSize: this.$store.getters.userInfo.configContent, pageSize: this.$store.getters.userInfo.configContent,
}, },
tableTotal: 0, tableTotal: 0,
tableData: [], tableData: [],
multipleSelection: [], multipleSelection: [],
addForm: {
formShowData: {
stage: '', stage: '',
standardNum: '', number: '',
standardName: '', name: '',
codeNum: '', projectId: '',
codeName: '', projectName: '',
standardType: '', type: '',
directPartner: '', preside: '',
startTime: '', dataStart: '',
putTime: '', dataImplement: '',
organ: '', body: '',
headDraft: '', drafting: '',
recordTime: '', dataRecord: '',
putUnit: '', report: '',
partner: '', participants: '',
writer: '', celebrity: '',
standardCost: '', costMarking: '',
elseCost: '', costOther: '',
revise: '', revised: '',
prize: '', status: '',
writerSort: '', signature: '',
remarks: '' remark: '',
}, },
drawerTitle: '', drawerTitle: '',
drawerTable: false, drawerTable: false,
formRules: {} formRules: {
stage: [
{required: true, message: '请输入所处阶段', trigger: 'blur'},
],
number: [
{required: true, message: '请输入标准号', trigger: 'blur'},
],
name: [
{required: true, message: '请输入标准名称', trigger: 'blur'},
],
projectId: [
{required: true, message: '请输入项目代号', trigger: 'blur'},
],
projectName: [
{required: true, message: '请输入项目名称', trigger: 'blur'},
],
type: [
{required: true, message: '请输入标准类型', trigger: 'blur'},
],
preside: [
{required: true, message: '请输入主持或参与', trigger: 'blur'},
],
dataStart: [
{required: true, message: '请选择发布日期', trigger: 'change'},
],
dataImplement: [
{required: true, message: '请选择实施日期', trigger: 'change'},
],
body: [
{required: true, message: '请输入颁布机构', trigger: 'blur'},
],
drafting: [
{required: true, message: '请输入牵头起草单位', trigger: 'blur'},
],
dataRecord: [
{required: true, message: '请选择备案时间', trigger: 'change'},
],
report: [
{required: true, message: '请输入提报单位名称', trigger: 'blur'},
],
participants: [
{required: true, message: '请输入参与人', trigger: 'blur'},
],
celebrity: [
{required: true, message: '请输入署名人', trigger: 'blur'},
],
costMarking: [
{required: true, message: '请输入制标费用', trigger: 'blur'},
],
costOther: [
{required: true, message: '请输入其他费用', trigger: 'blur'},
],
revised: [
{required: true, message: '请输入标准制/修订', trigger: 'blur'},
],
status: [
{required: true, message: '请输入获奖情况', trigger: 'blur'},
],
signature: [
{required: true, message: '请输入署名排序', trigger: 'blur'},
],
remark: [
{required: true, message: '请输入备注', trigger: 'blur'},
],
},
DrawerType: '',
} }
}, },
mounted () {
created() { this.getData()
console.log(3)
}, },
methods: { methods: {
formDataAdd () {
this.DrawerType = 'add'
this.drawerTitle = '新增'
this.drawerTable = true
}, //
getData () {
this.loading = true
this.$http.get('wgdCensusLeo/wgd-wbxd/queryAllWbxds', this.form, {
_this: this
}, res => {
this.loading = false
if (res.ok) {
this.tableData = res.data.list
this.tableTotal = res.data.count
}
})
}, //
queryForm () {
this.form.page = 1
this.getData()
}, //
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val;
}, },
// submit () {
submit: function () {}, this.$refs['addForm'].validate((valid) => {
// if (valid) {
deleteDetail: function (index, rows) {}, this.subLoading = true
let url = ''
// let tips = ''
resetForm(formName) {}, if (this.DrawerType === 'edit') {
url = 'wgdCensusLeo/wgd-wbxd/modWbxd'
tips = '编辑'
}else if (this.DrawerType === 'add') {
url = 'wgdCensusLeo/wgd-wbxd/addWbxd'
tips = '添加'
}
this.$http.post(url, this.addForm, {
_this: this
}, res => {
this.subLoading = false
if (res.ok) {
this.drawerTable = false
this.$message.success(tips + '成功')
this.getData()
} else {
this.$message.warning(tips + '失败')
}
})
} else {
this.$message.warning('请检查表单是否填写正确')
}
})
}, //
addDrawerClose () {
this.addForm = {}
this.drawerTable = false
}, //
deleteDetail () {
if (this.multipleSelection.length) {
this.$confirm('您是否确认删除选中数据?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
confirmButtonClass: 'common-button-primary',
roundButton: true
}).then(() => {
let ids = ''
this.multipleSelection.forEach(item => {
if (ids.length > 0) {
ids += ','
ids += item.id
} else {
ids = item.id
}
})
this.$http.post('wgdCensusLeo/wgd-wbxd/delWbxds', {
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('请选择要删除的数据')
}
}, //
resetForm () {
this.form.number = ''
this.form.name = ''
this.form.revised = ''
this.form.preside = ''
this.form.page = 1
this.getData()
}, //
// //
handleCommand(command) { handleCommand(command) {
switch (command[1]) { switch (command[1]) {
case "查看":
this.drawerTitle = '查看'
this.DrawerType = 'see'
this.drawerTable = true
this.addForm = command[0]
break
case "编辑": case "编辑":
this.editRowOne(command[0]); this.DrawerType = 'edit'
this.drawerTitle = '编辑'
this.drawerTable = true
this.addForm = {
id: command[0].id,
stage: command[0].stage,
number: command[0].number,
name: command[0].name,
projectId: command[0].projectId,
projectName: command[0].projectName,
type: command[0].type,
preside: command[0].preside,
dataStart: this.$moment(command[0].dataStart).format("YYYY-MM-DD HH:mm:ss"),
dataImplement: this.$moment(command[0].dataImplement).format("YYYY-MM-DD HH:mm:ss"),
body: command[0].body,
drafting: command[0].drafting,
dataRecord: this.$moment(command[0].dataRecord).format("YYYY-MM-DD HH:mm:ss"),
report: command[0].report,
participants: command[0].participants,
celebrity: command[0].celebrity,
costMarking: command[0].costMarking,
costOther: command[0].costOther,
revised: command[0].revised,
status: command[0].status,
signature: command[0].signature,
remark: command[0].remark,
}
break; break;
case "删除": case "删除":
this.deleteRowOne("delOne", command[0].id); this.$confirm('您是否确认删除选中数据?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
confirmButtonClass: 'common-button-primary',
roundButton: true
}).then(() => {
this.$http.post('wgdCensusLeo/wgd-wbxd/delWbxds', {
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; break;
} }
}, },
editRowOne() {},
deleteRowOne() {},
/** 分页 */ /** 分页 */
pageChange(page) { pageChange(page) {
this.formQuery.page = page this.form.page = page
this.getTableData() this.getData()
}, },
pageSizeChange(pageSize) { pageSizeChange(pageSize) {
this.formQuery.pageSize = pageSize this.form.pageSize = pageSize
this.getTableData() this.getData()
}, },
} }
} }
@@ -479,7 +709,11 @@ export default {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.add-form-item {
/deep/.el-form-item__content {
width: calc(~'100% - 180px');
}
}
.pagination { .pagination {
position: inherit!important; position: inherit!important;
} }
@@ -4809,21 +4809,21 @@ export default {
const rules = {...this.defaultAddFormFieldRules} const rules = {...this.defaultAddFormFieldRules}
formFieldList.forEach((item) => { formFieldList.forEach((item) => {
const rule = [] const rule = []
if (item.isMust === '0' && isEdit !== '0') { // if (item.isMust === '0' && isEdit !== '0') {
if (item.attrType === 'DATE_PICKER') { // if (item.attrType === 'DATE_PICKER') {
rule.push({required: true, type: 'date', message: `${item.attrName}不能为空`, trigger: 'blur'}) // rule.push({required: true, type: 'date', message: `${item.attrName}`, trigger: 'blur'})
} else if (item.attrType === 'SEL_OPTION') { // } else if (item.attrType === 'SEL_OPTION') {
rule.push({required: true, message: `${item.attrName}不能为空`, trigger: 'change'}) // rule.push({required: true, message: `${item.attrName}`, trigger: 'change'})
} else if (item.attrType === 'DATE_PIC_OPTS') { // } else if (item.attrType === 'DATE_PIC_OPTS') {
rule.push({required: true, message: `${item.attrName}不能为空`, trigger: 'change'}) // rule.push({required: true, message: `${item.attrName}`, trigger: 'change'})
} else if (item.attrType === 'INPUT_NUM') { // } else if (item.attrType === 'INPUT_NUM') {
rule.push({required: true, message: `${item.attrName}不能为空`, trigger: 'blur'}) // rule.push({required: true, message: `${item.attrName}`, trigger: 'blur'})
} else if (item.attrType === 'SEL_OPTS') { // } else if (item.attrType === 'SEL_OPTS') {
rule.push({required: true, message: `${item.attrName}不能为空`, trigger: 'change'}) // rule.push({required: true, message: `${item.attrName}`, trigger: 'change'})
} else if (item.attrType === 'INPUT_STR') { // } else if (item.attrType === 'INPUT_STR') {
rule.push({required: true, message: `${item.attrName}不能为空`, trigger: 'change'}) // rule.push({required: true, message: `${item.attrName}`, trigger: 'change'})
} // }
} // }
// isEdit 0 // isEdit 0
if (isEdit === '0') { if (isEdit === '0') {
rules.standState = [{required: false, message: '文本状态不能为空', trigger: 'change'}] rules.standState = [{required: false, message: '文本状态不能为空', trigger: 'change'}]
@@ -7,7 +7,7 @@
<rectification-database></rectification-database> <rectification-database></rectification-database>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="重点问题项管控" name="keynote"> <el-tab-pane label="重点问题项管控" name="keynote">
<key-issues></key-issues> <key-issues :keynoteActiveName="keynoteActiveName"></key-issues>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
@@ -24,13 +24,26 @@ export default {
}, },
data () { data () {
return { return {
activeName: 'database' activeName: 'database',
keynoteActiveName: 'cause'
} }
}, },
methods: { methods: {
handleClick(tab, event) { handleClick(tab, event) {
},
getActiveName(){
if (this.$route.query.activeName){
this.activeName = this.$route.query.activeName
}
if (this.$route.query.keynoteActiveName){
this.keynoteActiveName = this.$route.query.keynoteActiveName
}
console.log('35',this.keynoteActiveName)
} }
}, },
created() {
this.getActiveName()
},
watch: {}, watch: {},
mounted () {} mounted () {}
} }
@@ -373,7 +373,10 @@ export default {
}, },
back() { back() {
this.$router.push({ this.$router.push({
name: 'NonConfomity' name: 'NonConfomity',
query:{
activeName:'keynote'
}
}) })
}, },
// //
@@ -2,7 +2,7 @@
<template> <template>
<div id="key-issues"> <div id="key-issues">
<div class="non-content"> <div class="non-content">
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="keynoteActiveName" @tab-click="handleClick">
<el-tab-pane label="事业部" name="cause"> <el-tab-pane label="事业部" name="cause">
<business-division></business-division> <business-division></business-division>
</el-tab-pane> </el-tab-pane>
@@ -20,6 +20,7 @@ import productDepartment from "@/pages/regulatoryRepository/nonConfomity/pages/p
export default { export default {
name: "keyIssues", name: "keyIssues",
props:['keynoteActiveName'],
components: { components: {
businessDivision, businessDivision,
productDepartment, productDepartment,
@@ -556,7 +556,11 @@ export default {
}, },
back () { back () {
this.$router.push({ this.$router.push({
name: 'NonConfomity' name: 'NonConfomity',
query:{
activeName:'keynote',
keynoteActiveName:'product'
}
}) })
}, },
// table selected // table selected