laozt
1 year ago
parent
786d665aaf
commit
f44d7022e0
@ -1,10 +1,10 @@
|
|||||||
# 页面标题
|
# 页面标题
|
||||||
VUE_APP_TITLE = 苏州应急执法计划管理系统
|
VUE_APP_TITLE = 苏州市应急执法计划管理系统
|
||||||
|
|
||||||
NODE_ENV = production
|
NODE_ENV = production
|
||||||
|
|
||||||
# 测试环境配置
|
# 测试环境配置
|
||||||
ENV = 'staging'
|
ENV = 'staging'
|
||||||
|
|
||||||
# 苏州应急执法计划管理系统/测试环境
|
# 苏州市应急执法计划管理系统/测试环境
|
||||||
VUE_APP_BASE_API = '/stage-api'
|
VUE_APP_BASE_API = '/stage-api'
|
||||||
|
|||||||
@ -0,0 +1,256 @@
|
|||||||
|
<!--
|
||||||
|
* @Descripttion:
|
||||||
|
* @version:
|
||||||
|
* @Author: JC9527
|
||||||
|
* @Date: 2023-09-28 11:25:48
|
||||||
|
* @LastEditors: JC9527
|
||||||
|
* @LastEditTime: 2023-10-11 11:06:21
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<el-dialog
|
||||||
|
:visible.sync="dialogVisible"
|
||||||
|
:show-close="false"
|
||||||
|
:destroy-on-close="true"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
append-to-body
|
||||||
|
custom-class="dialog-boxed"
|
||||||
|
width="50%"
|
||||||
|
>
|
||||||
|
<div class="dialog-slot">
|
||||||
|
<div class="closeClick">
|
||||||
|
<div class="newplan">
|
||||||
|
<div class="line"></div>
|
||||||
|
<div class="span">{{ title }}</div>
|
||||||
|
</div>
|
||||||
|
<img src="@/assets/images/close.png" alt="" @click="Close" />
|
||||||
|
</div>
|
||||||
|
<div v-loading="loading">
|
||||||
|
<el-form ref="form" label-width="80px" v-if="idTwo == 1">
|
||||||
|
<el-form-item label="企业名称:" class="form-input">
|
||||||
|
<el-input v-model="form.entprName" :disabled="true"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="行政区划:" class="form-input">
|
||||||
|
<el-input v-model="form.district" :disabled="true"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="发布时间:" class="form-input">
|
||||||
|
<el-input v-model="form.createTime" :disabled="true"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="计划年月:" class="form-input">
|
||||||
|
<!-- <el-input v-model="form.plannedYear" :readonly="true"></el-input> -->
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.plannedYear"
|
||||||
|
type="month"
|
||||||
|
format="yyyy-MM"
|
||||||
|
:clearable="false"
|
||||||
|
:disabled="readonly"
|
||||||
|
value-format="yyyy-MM"
|
||||||
|
placeholder="请选择年月">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="计划标题:">
|
||||||
|
<el-input v-model="form.planName" :readonly="readonly" show-word-limit :maxlength="64"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="计划内容:" class="form-textarea">
|
||||||
|
<el-input
|
||||||
|
v-model="form.planContent"
|
||||||
|
type="textarea"
|
||||||
|
resize="none"
|
||||||
|
:maxlength="2000"
|
||||||
|
show-word-limit
|
||||||
|
:readonly="readonly"
|
||||||
|
placeholder="请输入计划内容"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="备注:" class="form-textarea">
|
||||||
|
<el-input
|
||||||
|
v-model="form.remark"
|
||||||
|
type="textarea"
|
||||||
|
resize="none"
|
||||||
|
:maxlength="2000"
|
||||||
|
show-word-limit
|
||||||
|
:readonly="readonly"
|
||||||
|
placeholder="请输入备注"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item class="btns">
|
||||||
|
<el-button type="primary" @click="onSubmit" v-if="!readonly">确认修改</el-button>
|
||||||
|
<el-button @click="Close">关闭</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-descriptions :column="2" border v-else>
|
||||||
|
<el-descriptions-item
|
||||||
|
:label="item.label"
|
||||||
|
v-for="(item, index) in listDes"
|
||||||
|
:key="index"
|
||||||
|
:span="item.span ? item.span : 1"
|
||||||
|
>
|
||||||
|
{{ item.value}}
|
||||||
|
</el-descriptions-item>
|
||||||
|
</el-descriptions>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { Loading } from "element-ui";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogVisible:false,
|
||||||
|
mydistrict:'',
|
||||||
|
form:{
|
||||||
|
entprName:'',
|
||||||
|
district:'',
|
||||||
|
createTime:'',
|
||||||
|
plannedYear:'',
|
||||||
|
planName:'',
|
||||||
|
planContent:'',
|
||||||
|
remark:''
|
||||||
|
},
|
||||||
|
id:'',
|
||||||
|
idTwo:'',
|
||||||
|
readonly:false,
|
||||||
|
loading:true,
|
||||||
|
title:'查看详情',
|
||||||
|
listDes:[
|
||||||
|
{
|
||||||
|
tag:'entprName',
|
||||||
|
label:'企业名称',
|
||||||
|
value:'',
|
||||||
|
},{
|
||||||
|
tag:'district',
|
||||||
|
label:'行政区划',
|
||||||
|
value:'',
|
||||||
|
},{
|
||||||
|
tag:'createTime',
|
||||||
|
label:'发布时间',
|
||||||
|
value:'',
|
||||||
|
},{
|
||||||
|
tag:'plannedYear',
|
||||||
|
label:'计划年月',
|
||||||
|
value:'',
|
||||||
|
},{
|
||||||
|
tag:'planName',
|
||||||
|
label:'计划标题',
|
||||||
|
value:'',
|
||||||
|
span:2,
|
||||||
|
},{
|
||||||
|
tag:'planContent',
|
||||||
|
label:'计划内容',
|
||||||
|
value:'',
|
||||||
|
span:2,
|
||||||
|
},{
|
||||||
|
tag:'remark',
|
||||||
|
label:'备注',
|
||||||
|
value:'',
|
||||||
|
span:2,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
district:[]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
// 匹配行政区划
|
||||||
|
componendDistrict(district){
|
||||||
|
let name
|
||||||
|
this.district.map((item)=>{
|
||||||
|
if(item.subdistrict == district) {
|
||||||
|
name = item.institutionName
|
||||||
|
} else {
|
||||||
|
item.children.map((itemTwo)=>{
|
||||||
|
if(itemTwo.subdistrict == district) {
|
||||||
|
name = item.institutionName + '-' + itemTwo.institutionName
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return name
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
::v-deep .el-descriptions-row th {
|
||||||
|
width: 20% !important;
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: "Alibaba PuHuiTi";
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
::v-deep .el-descriptions-row td {
|
||||||
|
width: 30% !important;
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: "Alibaba PuHuiTi";
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.dialog-slot {
|
||||||
|
.closeClick {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
padding: 10px 20px;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 1000;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
background: #f8f9fa;
|
||||||
|
box-shadow: 0px 1px 0px 0px #dbe0e8;
|
||||||
|
background-color: #e0eaf8;
|
||||||
|
img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.newplan {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.line {
|
||||||
|
margin-right: 10px;
|
||||||
|
width: 5px;
|
||||||
|
height: 16px;
|
||||||
|
background-color: #1e70de;
|
||||||
|
}
|
||||||
|
.span {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: "Alibaba PuHuiTi";
|
||||||
|
font-weight: bold;
|
||||||
|
color: #1e70de;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.form-input {
|
||||||
|
display: inline-block;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
::v-deep .el-input {
|
||||||
|
.el-input__inner {
|
||||||
|
font-size: 15px;
|
||||||
|
font-family: 'Alibaba PuHuiTi';
|
||||||
|
font-weight: 400;
|
||||||
|
color: #525966;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.form-textarea {
|
||||||
|
::v-deep .el-textarea {
|
||||||
|
height: 180px;
|
||||||
|
.el-textarea__inner {
|
||||||
|
height: 100%;
|
||||||
|
font-size: 15px;
|
||||||
|
font-family: 'Alibaba PuHuiTi';
|
||||||
|
font-weight: 400;
|
||||||
|
color: #525966;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btns {
|
||||||
|
text-align: right;
|
||||||
|
::v-deep .el-button {
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .el-dialog__body {
|
||||||
|
padding: 30px 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue