laozt
1 year ago
parent
e24b029b21
commit
9d845d0b5b
@ -0,0 +1,329 @@
|
|||||||
|
<!--
|
||||||
|
* @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">修改执法计划</div>
|
||||||
|
</div>
|
||||||
|
<img src="@/assets/images/close.png" alt="" @click="closeDialog" />
|
||||||
|
</div>
|
||||||
|
<div v-loading="loading">
|
||||||
|
<el-form ref="form" label-width="80px">
|
||||||
|
<el-form-item label="企业名称:" class="form-input">
|
||||||
|
<el-input v-model="form.enterpriseName" :disabled="true"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="信用代码:" class="form-input">
|
||||||
|
<el-input v-model="form.enterpriseId" :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-date-picker
|
||||||
|
v-model="form.plannedYear"
|
||||||
|
type="year"
|
||||||
|
format="yyyy"
|
||||||
|
:clearable="false"
|
||||||
|
:disabled="readonly"
|
||||||
|
value-format="yyyy"
|
||||||
|
placeholder="请选择年月"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="计划月份:" class="form-input">
|
||||||
|
<el-select
|
||||||
|
v-model="plannedMonth"
|
||||||
|
multiple
|
||||||
|
collapse-tags
|
||||||
|
style="margin-left: 20px"
|
||||||
|
placeholder="请选择月份"
|
||||||
|
@change="multipleChange"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in options"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</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="closeDialog">关闭</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogVisible: false,
|
||||||
|
mydistrict: "",
|
||||||
|
plannedMonth: 1,
|
||||||
|
form: {
|
||||||
|
plannedYear: "",
|
||||||
|
plannedMonth: "",
|
||||||
|
enterpriseName: "",
|
||||||
|
district: "",
|
||||||
|
createTime: "",
|
||||||
|
planName: "",
|
||||||
|
planContent: "",
|
||||||
|
remark: "",
|
||||||
|
},
|
||||||
|
options: [
|
||||||
|
{
|
||||||
|
value: "1",
|
||||||
|
label: "1月",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "2",
|
||||||
|
label: "2月",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "3",
|
||||||
|
label: "3月",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "4",
|
||||||
|
label: "4月",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "5",
|
||||||
|
label: "5月",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "6",
|
||||||
|
label: "6月",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "7",
|
||||||
|
label: "7月",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "8",
|
||||||
|
label: "8月",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "9",
|
||||||
|
label: "9月",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "10",
|
||||||
|
label: "10月",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "11",
|
||||||
|
label: "11月",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "12",
|
||||||
|
label: "12月",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
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: {
|
||||||
|
multipleChange(e) {
|
||||||
|
// console.log(e.join(","));
|
||||||
|
this.form.plannedMonth = e.join(",");
|
||||||
|
},
|
||||||
|
openDialog(row) {
|
||||||
|
this.dialogVisible = true;
|
||||||
|
this.loading = false;
|
||||||
|
row.district = this.componendDistrict(row.district);
|
||||||
|
|
||||||
|
this.form = row;
|
||||||
|
this.form.plannedMonth = "1";
|
||||||
|
console.log(this.form);
|
||||||
|
},
|
||||||
|
closeDialog() {
|
||||||
|
this.dialogVisible = false;
|
||||||
|
},
|
||||||
|
onSubmit() {},
|
||||||
|
// 匹配行政区划
|
||||||
|
componendDistrict(district) {
|
||||||
|
let fullName;
|
||||||
|
let treeData = JSON.parse(localStorage.getItem("TREE_DATA"));
|
||||||
|
treeData.map((item) => {
|
||||||
|
if (item.districtCode == district) {
|
||||||
|
fullName = item.district;
|
||||||
|
} else {
|
||||||
|
item.children.map((itemTwo) => {
|
||||||
|
if (itemTwo.countyCode == district) {
|
||||||
|
fullName = item.district + "-" + itemTwo.county;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return fullName;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</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