parent
da99fe292a
commit
31901b139a
@ -0,0 +1,467 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:visible.sync="addShow"
|
||||
:show-close="false"
|
||||
:destroy-on-close="true"
|
||||
:close-on-click-modal="false"
|
||||
append-to-body
|
||||
custom-class="dialog-boxed"
|
||||
width="60%"
|
||||
>
|
||||
<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="Close" />
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="filtrate">
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item
|
||||
:label="item.label"
|
||||
v-for="(item, index) in listDes"
|
||||
:key="index"
|
||||
>
|
||||
{{
|
||||
item.value == "null"
|
||||
? ""
|
||||
: item.value == "false"
|
||||
? "暂无"
|
||||
: item.value
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
addShow: false,
|
||||
listDes: [
|
||||
{
|
||||
eng: "bizAddr",
|
||||
label: "生产经营地址",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "bossEmail",
|
||||
label: "主要负责人电子邮箱",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "bossMobtel",
|
||||
label: "主要负责人移动电话",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "bossTel",
|
||||
label: "主要负责人固定电话",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "businessScope",
|
||||
label: "经营范围",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "contactEmail",
|
||||
label: "电子邮箱",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "contactQq",
|
||||
label: "联系QQ号码",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "contactTel",
|
||||
label: "企业固定电话",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "cseNum",
|
||||
label: "注册安全工程师人员数量",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "doublePreven",
|
||||
label: "是否开展双重预防机制",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "employeeNum",
|
||||
label: "从业人员数量",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "enterColorChart",
|
||||
label: "企业分色图",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "entprName",
|
||||
label: "企业名称",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "entprPlaneGragh",
|
||||
label: "企业平面图",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "floorArea",
|
||||
label: "占地面积（㎡）",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "fullEmegNum",
|
||||
label: "专职应急管理人员数量",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "fullSafety",
|
||||
label: "是否有专职安全人员",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "fullSafetyNum",
|
||||
label: "专职安全生产管理人员数量",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "gridCode",
|
||||
label: "网格编码",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "gridEntprStatus",
|
||||
label: "网格对企业的关停和恢复",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "groupCompName",
|
||||
label: "集团公司名称",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "indusTypeClass",
|
||||
label: "行业类别门类",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "industryRefer",
|
||||
label: "工贸涉及(专项治理类别)",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "infoYear",
|
||||
label: "数据年份",
|
||||
value: "",
|
||||
},
|
||||
|
||||
{
|
||||
eng: "isPoint",
|
||||
label: "是否重点",
|
||||
value: "",
|
||||
},
|
||||
|
||||
{
|
||||
eng: "latitudeGps",
|
||||
label: "纬度（度） 84",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "legalPerson",
|
||||
label: "法定代表人",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "localSafetyAdmin",
|
||||
label: "属地安监机构",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "longitudeGps",
|
||||
label: "经度（度） 84",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "mainProduct",
|
||||
label: "主要产品",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "majorHazardInstallations",
|
||||
label: "是否存在重大危险源",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "majorHazardLevel",
|
||||
label: "重大危险源等级",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "operatingStatus",
|
||||
label: "经营状态",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "parentCompName",
|
||||
label: "母公司名称",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "partSafetyNum",
|
||||
label: "兼职安全生产管理人员数量",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "regAddr",
|
||||
label: "注册地址",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "regCapi",
|
||||
label: "注册资金（万元）",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "safetyDepart",
|
||||
label: "是否有专门安全机构",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "safetyDepartDuty",
|
||||
label: "安全管理机构职责",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "safetyDepartName",
|
||||
label: "安全管理机构名称",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "safetyDepartNum",
|
||||
label: "安全管理机构成员数量",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "safetyEmail",
|
||||
label: "安全负责人电子邮箱",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "safetyManager",
|
||||
label: "安全负责人",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "safetyMobtel",
|
||||
label: "安全负责人移动电话",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "safetySupervisionLevel",
|
||||
label: "安全监管等级",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "safetyTel",
|
||||
label: "安全负责人固定电话",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "setupDate",
|
||||
label: "成立日期",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "sourceData",
|
||||
label: "数据来源",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "specialGovernance",
|
||||
label: "专项治理类别",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "speclalOperationNum",
|
||||
label: "特种作业人员数量",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "standLevel",
|
||||
label: "标准化等级",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "stateOwed",
|
||||
label: "是否为国有企业",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "supervisionLarge",
|
||||
label: "行业监管大类",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "supervisionSmall",
|
||||
label: "行业监管小类",
|
||||
value: "",
|
||||
},
|
||||
{
|
||||
eng: "uscCode",
|
||||
label: "统一社会信用代码",
|
||||
value: "",
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
async open(option) {
|
||||
this.addShow = true;
|
||||
const { bizAddr,
|
||||
bossEmail,
|
||||
bossMobtel,
|
||||
bossTel,
|
||||
businessScope,
|
||||
contactEmail,
|
||||
contactQq,
|
||||
contactTel,
|
||||
cseNum,
|
||||
doublePreven,
|
||||
employeeNum,
|
||||
enterColorChart,
|
||||
entprName,
|
||||
entprPlaneGragh,
|
||||
floorArea,
|
||||
fullEmegNum,
|
||||
fullSafety,
|
||||
fullSafetyNum,
|
||||
gridCode,
|
||||
gridEntprStatus,
|
||||
groupCompName,
|
||||
indusTypeClass,
|
||||
industryRefer,
|
||||
infoYear,
|
||||
isPoint,
|
||||
latitudeGps,
|
||||
legalPerson,
|
||||
localSafetyAdmin,
|
||||
longitudeGps,
|
||||
mainProduct,
|
||||
majorHazardInstallations,
|
||||
majorHazardLevel,
|
||||
operatingStatus,
|
||||
parentCompName,
|
||||
partSafetyNum,
|
||||
regAddr,
|
||||
regCapi,
|
||||
safetyDepart,
|
||||
safetyDepartDuty,
|
||||
safetyDepartName,
|
||||
safetyDepartNum,
|
||||
safetyEmail,
|
||||
safetyManager,
|
||||
safetyMobtel,
|
||||
safetySupervisionLevel,
|
||||
safetyTel,
|
||||
setupDate,
|
||||
sourceData,
|
||||
specialGovernance,
|
||||
speclalOperationNum,
|
||||
standLevel,
|
||||
stateOwed,
|
||||
supervisionLarge,
|
||||
supervisionSmall,
|
||||
uscCode } = option
|
||||
this.changeDescriptions(this.listDes,option)
|
||||
},
|
||||
Close(item) {
|
||||
this.addShow = false;
|
||||
},
|
||||
changeDescriptions(arr,arr2){
|
||||
for (let key in arr2) {
|
||||
if (arr2.hasOwnProperty(key)) {
|
||||
arr.map((item)=>{
|
||||
if(key == item.eng){
|
||||
item.value = arr2[key] || '空'
|
||||
if(item.eng == 'isPoint'){
|
||||
item.value = arr2[key] == '1' ? '是':arr2[key] == '2' ? '否':''
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
</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;
|
||||
}
|
||||
}
|
||||
}
|
||||
.content {
|
||||
// padding: 15px 10px;
|
||||
.filtrate {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
::v-deep .el-dialog__body {
|
||||
padding: 30px 15px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,259 @@
|
||||
<!--
|
||||
* @Descripttion:
|
||||
* @version:
|
||||
* @Author: JC9527
|
||||
* @Date: 2023-09-28 11:25:48
|
||||
* @LastEditors: JC9527
|
||||
* @LastEditTime: 2023-09-28 16:41:42
|
||||
-->
|
||||
<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="Close" />
|
||||
</div>
|
||||
<el-form ref="form" label-width="80px">
|
||||
<el-form-item label="企业名称:" class="form-input">
|
||||
<el-input v-model="form.name" :readonly="true"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="行政区划:" class="form-input">
|
||||
<el-input v-model="form.district" :readonly="true"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="发布时间:" class="form-input">
|
||||
<el-input v-model="form.createTime" :readonly="true"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="年月:" class="form-input">
|
||||
<el-input v-model="form.plannedYear" :readonly="true"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="计划标题:">
|
||||
<el-input v-model="form.planName" :readonly="readonly"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="计划内容:" class="form-textarea">
|
||||
<el-input
|
||||
v-model="form.planContent"
|
||||
type="textarea"
|
||||
resize="none"
|
||||
: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"
|
||||
: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>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { mapState } from "vuex";
|
||||
import { Loading } from "element-ui";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dialogVisible:false,
|
||||
mydistrict:'',
|
||||
form:{
|
||||
name:'测试活动名称',
|
||||
district:'',
|
||||
createTime:'',
|
||||
plannedYear:'',
|
||||
planName:'',
|
||||
planContent:'',
|
||||
remark:''
|
||||
},
|
||||
id:'',
|
||||
readonly:false,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapState({
|
||||
district: (state) => state.user.district,
|
||||
}),
|
||||
},
|
||||
methods:{
|
||||
open(item,id) {
|
||||
console.log(item)
|
||||
this.id = item.id
|
||||
this.getMyData(item.id)
|
||||
if(id == 0) {
|
||||
this.readonly = true;
|
||||
} else {
|
||||
this.readonly = false;
|
||||
}
|
||||
this.dialogVisible = true;
|
||||
},
|
||||
async getMyData(id){
|
||||
// console.log(id)
|
||||
// console.log(data)
|
||||
let data = await this.$api.yingji.bPlanManageTwo(id)
|
||||
if(data.code == 200){
|
||||
let { district,createTime,plannedYear,planName,planContent,remark } = data.data
|
||||
this.mydistrict = district
|
||||
let myDistrict = this.componendDistrict(district)
|
||||
let mycreateTime = createTime.split(' ')[0]
|
||||
this.form = { district:myDistrict,createTime:mycreateTime,plannedYear,planName,planContent,remark }
|
||||
}
|
||||
},
|
||||
Close(item) {
|
||||
this.dialogVisible = false;
|
||||
Object.keys(this.form).forEach((key) => (this.form[key] = ""));
|
||||
if (item == "newsuccess") {
|
||||
this.$emit("close");
|
||||
}
|
||||
},
|
||||
// 计算当前时间
|
||||
getData() {
|
||||
var myDate = new Date();
|
||||
var year = myDate.getFullYear(); //获取当前年var mon = myDate.getMonth() + 1; //获取当前月
|
||||
var mon = myDate.getMonth() + 1 < 10 ? "0" + (myDate.getMonth() + 1) : myDate.getMonth() + 1 == 0 ? "00" : myDate.getMonth() + 1;
|
||||
var date = myDate.getDate() < 10 ? "0" + myDate.getDate() : myDate.getDate(); //获取当前日
|
||||
var hours = myDate.getHours() < 10 ? "0" + myDate.getHours() : myDate.getHours(); //获取当前小时
|
||||
var minutes = myDate.getMinutes() < 10 ? "0" + myDate.getMinutes() : myDate.getMinutes(); //获取当前分钟
|
||||
var seconds = myDate.getSeconds() < 10 ? "0" + myDate.getSeconds() : myDate.getSeconds(); //获取当前秒var now = year + "_" + mon + "_" + date + " "+ hours + ":" + minutes + ":" + seconds;
|
||||
var now = year + "-" + mon + "-" + date + " " + hours + ":" + minutes + ":" + seconds;
|
||||
return now;
|
||||
},
|
||||
onSubmit(){
|
||||
if(this.form.planContent && this.form.planName){
|
||||
this.$modal.confirm("你确认修改吗？", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
})
|
||||
.then(async() => {
|
||||
try {
|
||||
let downloadLoadingInstance = Loading.service({
|
||||
text: "正在删除计划，请稍候",
|
||||
spinner: "el-icon-loading",
|
||||
background: "rgba(0, 0, 0, 0.7)",
|
||||
});
|
||||
// console.log(this.form)
|
||||
const { planName,remark,planContent } = this.form;
|
||||
let obj = {updateTime:this.getData(),planContent:planContent,planName:planName,remark:remark,id:this.id}
|
||||
// console.log(obj)
|
||||
let data = await this.$api.yingji.bPlanEnterprise('put',obj)
|
||||
console.log(data)
|
||||
if(data.code == 200){
|
||||
downloadLoadingInstance.close();
|
||||
this.Close("newsuccess")
|
||||
}
|
||||
} catch (error) {
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
// 匹配行政区划
|
||||
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>
|
||||
.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