|
@@ -1,316 +1,313 @@
|
|
|
<template>
|
|
|
- <view id="unitInfoCollection" v-if="!successBool">
|
|
|
- <view>
|
|
|
- <u-notice-bar text="注:信息提交后不可修改,提交前请核对填写是否有误" :duration="7000" color="#FF0000" bgColor="#FFFFFF"></u-notice-bar>
|
|
|
- </view>
|
|
|
+ <scroll-view class="scroll-height" :scroll-y="true" :data-theme="'theme-' + proxy.$settingStore.themeColor.name">
|
|
|
+ <view id="unitInfoCollection" v-if="!successBool">
|
|
|
+ <view>
|
|
|
+ <u-notice-bar text="注:信息提交后不可修改,提交前请核对填写是否有误" :duration="7000" color="#FF0000" bgColor="#FFFFFF"></u-notice-bar>
|
|
|
+ </view>
|
|
|
|
|
|
- <view class="centerOne" v-if="pagingBool">
|
|
|
- <view class="title"> 单位基本信息(1/2) </view>
|
|
|
-
|
|
|
- <u--form :model="form" ref="uForm" :rules="rules" labelWidth="130">
|
|
|
- <view style="padding: 10px 0">
|
|
|
- <view style="padding: 10px 10px 20px 10px; background: #ffffff">
|
|
|
- <view style="padding-left: 9px">
|
|
|
- <u-form-item label="单位名称" prop="companyName" required :borderBottom="true">
|
|
|
- <u-input v-model="form.companyName" placeholder="请输入单位名称" border="none">
|
|
|
- <template #suffix>
|
|
|
- <u-icon name="search" color="#999999" size="22" @click="companySubmit(form.companyName)"></u-icon>
|
|
|
- </template>
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="统一社会信用代码" prop="organization" required :borderBottom="true">
|
|
|
- <u-input v-model="form.organization" placeholder="请输入统一社会信用代码" border="none" maxlength="18" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="法人代表" prop="delegateName" required :borderBottom="true">
|
|
|
- <u-input v-model="form.delegateName" placeholder="请输入法人代表" border="none" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="所属街镇" prop="streetTown" required :borderBottom="true" @click="handleAction('所属街镇')">
|
|
|
- <u-input v-model="form.streetTown" placeholder="请选择所属街镇" suffixIcon="arrow-right" suffixIconStyle="color: #909399" border="none" disabledColor="transparent" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="单位地址" prop="address" required :borderBottom="true">
|
|
|
- <u-input v-model="form.address" placeholder="请输入单位地址" border="none" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="消防管理人电话" prop="fireManagePhone" required :borderBottom="true">
|
|
|
- <u-input v-model="form.fireManagePhone" placeholder="请输入消防管理人电话" border="none" maxlength="11" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="成立时间" prop="foundTime" required :borderBottom="true" @click="handleDateTime('成立时间', 0, form.foundTime)">
|
|
|
- <u-input v-model="form.foundTime" placeholder="请选择成立时间" border="none" suffixIcon="calendar" suffixIconStyle="color: #909399;font-size:22px" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="单位使用性质" prop="companyNature" :borderBottom="true" @click="handleAction('单位使用性质')" required>
|
|
|
- <u-input v-model="form.companyNature" placeholder="请选择单位使用性质" suffixIcon="arrow-right" suffixIconStyle="color: #909399" border="none" disabledColor="transparent" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="产证" prop="birthCert" :borderBottom="true" @click="handleAction('产证')" required>
|
|
|
- <u-input v-model="form.birthCert" placeholder="请选择产证" suffixIcon="arrow-right" suffixIconStyle="color: #909399" border="none" disabledColor="transparent" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="单位建筑面积" prop="buildArea" :borderBottom="true" required>
|
|
|
- <u-input type="number" v-model="form.buildArea" placeholder="请输入单位建筑面积" suffixIcon="平方米" suffixIconStyle="color:#999999;font-size:15px" border="none" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="消防安全责任人" prop="fireDutyName" :borderBottom="true">
|
|
|
- <u-input v-model="form.fireDutyName" placeholder="请输入消防安全责任人" border="none" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="消防安全管理人" prop="fireManageName" :borderBottom="true">
|
|
|
- <u-input v-model="form.fireManageName" placeholder="请输入消防安全管理人" border="none" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="职工人数" prop="employeeNum" :borderBottom="true">
|
|
|
- <u-input type="digit" v-model="form.employeeNum" placeholder="请输入职工人数" suffixIcon="人" suffixIconStyle="color:#999999;font-size:15px" border="none" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="固定资产(万元)" prop="fixedAssets" :borderBottom="true">
|
|
|
- <u-input type="number" v-model="form.fixedAssets" placeholder="请输入固定资产(万元)" suffixIcon="万元" suffixIconStyle="color:#999999;font-size:15px" border="none" />
|
|
|
- </u-form-item>
|
|
|
+ <view class="centerOne" v-if="pagingBool">
|
|
|
+ <view class="title"> 单位基本信息(1/2) </view>
|
|
|
+
|
|
|
+ <u--form :model="form" ref="uForm" :rules="rules" labelWidth="130">
|
|
|
+ <view style="padding: 10px 0">
|
|
|
+ <view style="padding: 10px 10px 20px 10px; background: #ffffff">
|
|
|
+ <view style="padding-left: 9px">
|
|
|
+ <u-form-item label="单位名称" prop="companyName" required :borderBottom="true">
|
|
|
+ <u-input v-model="form.companyName" placeholder="请输入单位名称" border="none">
|
|
|
+ <template #suffix>
|
|
|
+ <u-icon name="search" color="#999999" size="22" @click="companySubmit(form.companyName)"></u-icon>
|
|
|
+ </template>
|
|
|
+ </u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="统一社会信用代码" prop="organization" required :borderBottom="true">
|
|
|
+ <u-input v-model="form.organization" placeholder="请输入统一社会信用代码" border="none" maxlength="18" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="法人代表" prop="delegateName" required :borderBottom="true">
|
|
|
+ <u-input v-model="form.delegateName" placeholder="请输入法人代表" border="none" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="所属街镇" prop="streetTown" required :borderBottom="true" @click="handleAction('所属街镇')">
|
|
|
+ <u-input v-model="form.streetTown" placeholder="请选择所属街镇" suffixIcon="arrow-right" suffixIconStyle="color: #909399" border="none" disabledColor="transparent" disabled />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="单位地址" prop="address" required :borderBottom="true">
|
|
|
+ <u-input v-model="form.address" placeholder="请输入单位地址" border="none" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="消防管理人电话" prop="fireManagePhone" required :borderBottom="true">
|
|
|
+ <u-input v-model="form.fireManagePhone" placeholder="请输入消防管理人电话" border="none" maxlength="11" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="成立时间" prop="foundTime" required :borderBottom="true" @click="handleDateTime('成立时间', 0, form.foundTime)">
|
|
|
+ <u-input v-model="form.foundTime" placeholder="请选择成立时间" border="none" suffixIcon="calendar" suffixIconStyle="color: #909399;font-size:22px" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="单位使用性质" prop="companyNature" :borderBottom="true" @click="handleAction('单位使用性质')" required>
|
|
|
+ <u-input v-model="form.companyNature" placeholder="请选择单位使用性质" suffixIcon="arrow-right" suffixIconStyle="color: #909399" border="none" disabledColor="transparent" disabled />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="产证" prop="birthCert" :borderBottom="true" @click="handleAction('产证')" required>
|
|
|
+ <u-input v-model="form.birthCert" placeholder="请选择产证" suffixIcon="arrow-right" suffixIconStyle="color: #909399" border="none" disabledColor="transparent" disabled />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="单位建筑面积" prop="buildArea" :borderBottom="true" required>
|
|
|
+ <u-input type="number" v-model="form.buildArea" placeholder="请输入单位建筑面积" suffixIcon="平方米" suffixIconStyle="color:#999999;font-size:15px" border="none" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="消防安全责任人" prop="fireDutyName" :borderBottom="true">
|
|
|
+ <u-input v-model="form.fireDutyName" placeholder="请输入消防安全责任人" border="none" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="消防安全管理人" prop="fireManageName" :borderBottom="true">
|
|
|
+ <u-input v-model="form.fireManageName" placeholder="请输入消防安全管理人" border="none" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="职工人数" prop="employeeNum" :borderBottom="true">
|
|
|
+ <u-input type="digit" v-model="form.employeeNum" placeholder="请输入职工人数" suffixIcon="人" suffixIconStyle="color:#999999;font-size:15px" border="none" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="固定资产(万元)" prop="fixedAssets" :borderBottom="true">
|
|
|
+ <u-input type="number" v-model="form.fixedAssets" placeholder="请输入固定资产(万元)" suffixIcon="万元" suffixIconStyle="color:#999999;font-size:15px" border="none" />
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </u--form>
|
|
|
+ </u--form>
|
|
|
|
|
|
- <view style="padding-bottom: 70px"> </view>
|
|
|
+ <view style="padding-bottom: 70px"> </view>
|
|
|
|
|
|
- <view style="position: fixed; left: 0; right: 0; bottom: 0; padding: 15px">
|
|
|
- <view>
|
|
|
- <u-button type="primary" style="width: 100%; height: 40px; font-size: 14px" @click="handleSubmit('下一步')" shape="circle"> 下一步 </u-button>
|
|
|
+ <view class="app-button-fixed">
|
|
|
+ <u-button class="app-buttom" type="primary" @click="handleSubmit('下一步')" shape="circle"> 下一步 </u-button>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- <view class="centerTwo" v-else>
|
|
|
- <view class="title"> 所在建筑信息(2/2) </view>
|
|
|
+ <view class="centerTwo" v-else>
|
|
|
+ <view class="title"> 所在建筑信息(2/2) </view>
|
|
|
|
|
|
- <u--form ref="uForm1" :model="form" :rules="rules" labelWidth="130">
|
|
|
- <view style="padding: 10px 0" v-for="(li, index) in form.baseBuildList" :key="index">
|
|
|
- <view class="" style="padding: 10px 10px 20px 10px; background: #ffffff">
|
|
|
- <view style="display: flex; overflow: hidden">
|
|
|
- <image style="width: 15px; height: 15px; margin: auto 10px auto 0" src="@/static/images/unitInfoCollection/icon1.png" />
|
|
|
- <view style="margin: auto auto auto 0">建筑{{ index + 1 }}</view>
|
|
|
- <u-icon v-if="form.baseBuildList.length > 1" name="trash" color="#FF0000" size="20" style="float: right" @click="deleteSubmit('建筑', index)"></u-icon>
|
|
|
- </view>
|
|
|
- <view style="padding-left: 9px">
|
|
|
- <u-form-item label="建筑名称" :prop="`baseBuildList.${index}.baseBuild.buildName`" required :borderBottom="true">
|
|
|
- <u-input v-model="li.baseBuild.buildName" placeholder="请输入建筑名称" border="none" maxlength="30" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="建筑地址" :prop="`baseBuildList.${index}.baseBuild.address`" required :borderBottom="true">
|
|
|
- <u-input v-model="li.baseBuild.address" placeholder="请输入建筑地址" border="none" maxlength="100" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="建筑结构" :prop="`baseBuildList.${index}.baseBuild.buildStructure`" required :borderBottom="true" @click="handleAction('建筑结构', index)">
|
|
|
- <u-input
|
|
|
- v-model="li.baseBuild.buildStructure"
|
|
|
- placeholder="请选择建筑结构"
|
|
|
- border="none"
|
|
|
- suffixIcon="arrow-right"
|
|
|
- suffixIconStyle="color: #909399"
|
|
|
- disabledColor="transparent"
|
|
|
- disabled
|
|
|
- />
|
|
|
- </u-form-item>
|
|
|
-
|
|
|
- <u-form-item v-if="li.baseBuild.buildStructure === '钢结构'" label="是否有防火涂层" :prop="`baseBuildList.${index}.baseBuild.fireproofCoat`" required :borderBottom="true">
|
|
|
- <u-radio-group v-model="li.baseBuild.fireproofCoat" placement="row">
|
|
|
- <u-radio style="margin-right: 30px" :name="0" label="无"></u-radio>
|
|
|
- <u-radio :name="1" label="有"></u-radio>
|
|
|
- </u-radio-group>
|
|
|
- </u-form-item>
|
|
|
-
|
|
|
- <u-form-item label="建筑高度" :prop="`baseBuildList.${index}.baseBuild.buildHigh`" required :borderBottom="true">
|
|
|
- <u-input type="number" v-model="li.baseBuild.buildHigh" placeholder="请输入建筑高度" suffixIcon="米" suffixIconStyle="color: #909399;font-size:15px" border="none" maxlength="20" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="地上层数" :prop="`baseBuildList.${index}.baseBuild.aboveFloor`" required :borderBottom="true">
|
|
|
- <u-input type="number" v-model="li.baseBuild.aboveFloor" placeholder="请输入地上层数" border="none" maxlength="5" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="地下层数" prop="li.underFloor" :borderBottom="true">
|
|
|
- <u-input type="number" v-model="li.baseBuild.underFloor" placeholder="请输入地下层数" border="none" maxlength="5" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="建筑面积" :prop="`baseBuildList.${index}.baseBuild.buildArea`" required :borderBottom="true">
|
|
|
- <u-input type="digit" v-model="li.baseBuild.buildArea" placeholder="请输入建筑面积" suffixIcon="平方米" suffixIconStyle="color:#999999;font-size:15px" border="none" maxlength="20" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="地下空间" prop="li.underSpace" :borderBottom="true">
|
|
|
- <u-input
|
|
|
- type="number"
|
|
|
- v-model="li.baseBuild.underSpace"
|
|
|
- placeholder="请输入地下空间面积"
|
|
|
- suffixIcon="平方米"
|
|
|
- suffixIconStyle="color:#999999;font-size:15px"
|
|
|
- border="none"
|
|
|
- maxlength="20"
|
|
|
- />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="建成年份" :prop="`baseBuildList.${index}.baseBuild.completeYear`" required :borderBottom="true" @click="handleDateTime('建成年份', index, li.completeYear)">
|
|
|
- <u-input
|
|
|
- v-model="li.baseBuild.completeYear"
|
|
|
- placeholder="请选择建成年份"
|
|
|
- suffixIcon="calendar"
|
|
|
- suffixIconStyle="color: #909399;font-size:22px"
|
|
|
- border="none"
|
|
|
- disabledColor="transparent"
|
|
|
- disabled
|
|
|
- />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="使用性质" :prop="`baseBuildList.${index}.baseBuild.useCharacter`" required :borderBottom="true" @click="handleAction('使用性质', index)">
|
|
|
- <u-input
|
|
|
- v-model="li.baseBuild.useCharacter"
|
|
|
- placeholder="请选择使用性质"
|
|
|
- suffixIcon="arrow-right"
|
|
|
- suffixIconStyle="color: #909399"
|
|
|
- border="none"
|
|
|
- disabledColor="transparent"
|
|
|
- disabled
|
|
|
- />
|
|
|
- </u-form-item>
|
|
|
-
|
|
|
- <view
|
|
|
- v-if="
|
|
|
- li.baseBuild.useCharacter == '生产类厂房' || li.baseBuild.useCharacter == '仓库、物流' || li.baseBuild.useCharacter == '涉及易燃易爆危险品的单位(生产、充装、储存、供应、销售等)'
|
|
|
- "
|
|
|
- >
|
|
|
- <view style="margin: 10px 0; text-align: center">危险品生产数量(吨/月)</view>
|
|
|
- <u-form-item label="甲类" prop="li.baseBuildAttach.hazardousProduceA" :borderBottom="true">
|
|
|
- <u-input type="number" v-model="li.baseBuildAttach.hazardousProduceA" placeholder="请输入甲类" border="none" maxlength="24" />
|
|
|
+ <u--form ref="uForm1" :model="form" :rules="rules" labelWidth="130">
|
|
|
+ <view style="padding: 10px 0" v-for="(li, index) in form.baseBuildList" :key="index">
|
|
|
+ <view class="" style="padding: 10px 10px 20px 10px; background: #ffffff">
|
|
|
+ <view style="display: flex; overflow: hidden">
|
|
|
+ <image style="width: 15px; height: 15px; margin: auto 10px auto 0" src="@/static/images/unitInfoCollection/icon1.png" />
|
|
|
+ <view style="margin: auto auto auto 0">建筑{{ index + 1 }}</view>
|
|
|
+ <u-icon v-if="form.baseBuildList.length > 1" name="trash" color="#FF0000" size="20" style="float: right" @click="deleteSubmit('建筑', index)"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view style="padding-left: 9px">
|
|
|
+ <u-form-item label="建筑名称" :prop="`baseBuildList.${index}.baseBuild.buildName`" required :borderBottom="true">
|
|
|
+ <u-input v-model="li.baseBuild.buildName" placeholder="请输入建筑名称" border="none" maxlength="30" />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label="乙类" prop="li.baseBuildAttach.hazardousProduceB" :borderBottom="true">
|
|
|
- <u-input type="number" v-model="li.baseBuildAttach.hazardousProduceB" placeholder="请输入乙类" border="none" maxlength="24" />
|
|
|
+ <u-form-item label="建筑地址" :prop="`baseBuildList.${index}.baseBuild.address`" required :borderBottom="true">
|
|
|
+ <u-input v-model="li.baseBuild.address" placeholder="请输入建筑地址" border="none" maxlength="100" />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label="丙类" prop="li.baseBuildAttach.hazardousProduceC" :borderBottom="true">
|
|
|
- <u-input type="number" v-model="li.baseBuildAttach.hazardousProduceC" placeholder="请输入丙类" border="none" maxlength="24" />
|
|
|
+ <u-form-item label="建筑结构" :prop="`baseBuildList.${index}.baseBuild.buildStructure`" required :borderBottom="true" @click="handleAction('建筑结构', index)">
|
|
|
+ <u-input
|
|
|
+ v-model="li.baseBuild.buildStructure"
|
|
|
+ placeholder="请选择建筑结构"
|
|
|
+ border="none"
|
|
|
+ suffixIcon="arrow-right"
|
|
|
+ suffixIconStyle="color: #909399"
|
|
|
+ disabledColor="transparent"
|
|
|
+ disabled
|
|
|
+ />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label="丁戊类" prop="li.baseBuildAttach.hazardousProduceD" :borderBottom="true">
|
|
|
- <u-input type="number" v-model="li.baseBuildAttach.hazardousProduceD" placeholder="请输入丁戊类" border="none" maxlength="24" />
|
|
|
+
|
|
|
+ <u-form-item v-if="li.baseBuild.buildStructure === '钢结构'" label="是否有防火涂层" :prop="`baseBuildList.${index}.baseBuild.fireproofCoat`" required :borderBottom="true">
|
|
|
+ <u-radio-group v-model="li.baseBuild.fireproofCoat" placement="row">
|
|
|
+ <u-radio style="margin-right: 30px" :name="0" label="无"></u-radio>
|
|
|
+ <u-radio :name="1" label="有"></u-radio>
|
|
|
+ </u-radio-group>
|
|
|
</u-form-item>
|
|
|
- <view style="margin: 10px 0; text-align: center">危险品存储数量(吨)</view>
|
|
|
- <u-form-item label="甲类" prop="li.baseBuildAttach.hazardousStorageA" :borderBottom="true">
|
|
|
- <u-input type="number" v-model="li.baseBuildAttach.hazardousStorageA" placeholder="请输入甲类" border="none" maxlength="24" />
|
|
|
+
|
|
|
+ <u-form-item label="建筑高度" :prop="`baseBuildList.${index}.baseBuild.buildHigh`" required :borderBottom="true">
|
|
|
+ <u-input type="number" v-model="li.baseBuild.buildHigh" placeholder="请输入建筑高度" suffixIcon="米" suffixIconStyle="color: #909399;font-size:15px" border="none" maxlength="20" />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label="乙类" prop="li.baseBuildAttach.hazardousStorageB" :borderBottom="true">
|
|
|
- <u-input type="number" v-model="li.baseBuildAttach.hazardousStorageB" placeholder="请输入乙类" border="none" maxlength="24" />
|
|
|
+ <u-form-item label="地上层数" :prop="`baseBuildList.${index}.baseBuild.aboveFloor`" required :borderBottom="true">
|
|
|
+ <u-input type="number" v-model="li.baseBuild.aboveFloor" placeholder="请输入地上层数" border="none" maxlength="5" />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label="丙类" prop="li.baseBuildAttach.hazardousStorageC" :borderBottom="true">
|
|
|
- <u-input type="number" v-model="li.baseBuildAttach.hazardousStorageC" placeholder="请输入丙类" border="none" maxlength="24" />
|
|
|
+ <u-form-item label="地下层数" prop="li.underFloor" :borderBottom="true">
|
|
|
+ <u-input type="number" v-model="li.baseBuild.underFloor" placeholder="请输入地下层数" border="none" maxlength="5" />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label="丁戊类" prop="li.baseBuildAttach.hazardousStorageD" :borderBottom="true">
|
|
|
- <u-input type="number" v-model="li.baseBuildAttach.hazardousStorageD" placeholder="请输入丁戊类" border="none" maxlength="24" />
|
|
|
+ <u-form-item label="建筑面积" :prop="`baseBuildList.${index}.baseBuild.buildArea`" required :borderBottom="true">
|
|
|
+ <u-input type="digit" v-model="li.baseBuild.buildArea" placeholder="请输入建筑面积" suffixIcon="平方米" suffixIconStyle="color:#999999;font-size:15px" border="none" maxlength="20" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="地下空间" prop="li.underSpace" :borderBottom="true">
|
|
|
+ <u-input
|
|
|
+ type="number"
|
|
|
+ v-model="li.baseBuild.underSpace"
|
|
|
+ placeholder="请输入地下空间面积"
|
|
|
+ suffixIcon="平方米"
|
|
|
+ suffixIconStyle="color:#999999;font-size:15px"
|
|
|
+ border="none"
|
|
|
+ maxlength="20"
|
|
|
+ />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="建成年份" :prop="`baseBuildList.${index}.baseBuild.completeYear`" required :borderBottom="true" @click="handleDateTime('建成年份', index, li.completeYear)">
|
|
|
+ <u-input
|
|
|
+ v-model="li.baseBuild.completeYear"
|
|
|
+ placeholder="请选择建成年份"
|
|
|
+ suffixIcon="calendar"
|
|
|
+ suffixIconStyle="color: #909399;font-size:22px"
|
|
|
+ border="none"
|
|
|
+ disabledColor="transparent"
|
|
|
+ disabled
|
|
|
+ />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="使用性质" :prop="`baseBuildList.${index}.baseBuild.useCharacter`" required :borderBottom="true" @click="handleAction('使用性质', index)">
|
|
|
+ <u-input
|
|
|
+ v-model="li.baseBuild.useCharacter"
|
|
|
+ placeholder="请选择使用性质"
|
|
|
+ suffixIcon="arrow-right"
|
|
|
+ suffixIconStyle="color: #909399"
|
|
|
+ border="none"
|
|
|
+ disabledColor="transparent"
|
|
|
+ disabled
|
|
|
+ />
|
|
|
</u-form-item>
|
|
|
- </view>
|
|
|
-
|
|
|
- <u-form-item label="消防设施设置" :prop="`baseBuildList.${index}.baseBuild.fireFacilitySystem`" required :borderBottom="true">
|
|
|
- <u-checkbox-group v-model="li.baseBuild.fireFacilitySystem" placement="column" @change="checkboxChange">
|
|
|
- <u-checkbox :customStyle="{ marginBottom: '8px' }" label="自动喷水灭火系统" :name="1"> </u-checkbox>
|
|
|
- <u-checkbox :customStyle="{ marginBottom: '8px' }" label="火灾自动报警系统" :name="2"> </u-checkbox>
|
|
|
- <u-checkbox :customStyle="{ marginBottom: '8px' }" label="防排烟与排烟系统" :name="3"> </u-checkbox>
|
|
|
- <u-checkbox :customStyle="{ marginBottom: '8px' }" label="消防物联网系统" :name="4"> </u-checkbox>
|
|
|
- </u-checkbox-group>
|
|
|
- </u-form-item>
|
|
|
-
|
|
|
- <u-form-item label="其他设施" :prop="`li.baseBuildList.baseBuild.otherSystem`" :borderBottom="true">
|
|
|
- <u-checkbox-group v-model="li.baseBuild.otherSystem" placement="column" @change="checkboxChange">
|
|
|
- <u-checkbox :customStyle="{ marginBottom: '8px' }" label="泡沫灭火系统" :name="1"> </u-checkbox>
|
|
|
- <u-checkbox :customStyle="{ marginBottom: '8px' }" label="水喷雾、细水雾灭火系统" :name="2"> </u-checkbox>
|
|
|
- <u-checkbox :customStyle="{ marginBottom: '8px' }" label="消防炮、自动跟踪定位射流灭火系统" :name="3"> </u-checkbox>
|
|
|
- <u-checkbox :customStyle="{ marginBottom: '8px' }" label="气体灭火系统" :name="4"> </u-checkbox>
|
|
|
- <u-checkbox :customStyle="{ marginBottom: '8px' }" label="干粉灭火系统" :name="5"> </u-checkbox>
|
|
|
- <u-checkbox :customStyle="{ marginBottom: '8px' }" label="其他" :name="6"> </u-checkbox>
|
|
|
- <u-input v-if="li.baseBuild.otherSystem.includes(6)" v-model="li.baseBuild.otherFacilities" placeholder="请输入消防设施名称" border="none" />
|
|
|
- </u-checkbox-group>
|
|
|
- </u-form-item>
|
|
|
-
|
|
|
- <view>
|
|
|
- <view v-for="(base, baseIndex) in li.baseBuildExtinguishList" :key="baseIndex">
|
|
|
- <view style="margin: 10px 0; text-align: left">
|
|
|
- {{ "灭火器" + (baseIndex + 1) }}
|
|
|
- <u-icon v-if="li.baseBuildExtinguishList.length > 1" name="trash" color="#FF0000" size="20" style="float: right" @click="deleteSubmit('灭火器', index, baseIndex)"></u-icon>
|
|
|
- </view>
|
|
|
|
|
|
- <u-form-item
|
|
|
- label="类型"
|
|
|
- :prop="`baseBuildList.${index}.baseBuildExtinguishList.${baseIndex}.extinguishType`"
|
|
|
- required
|
|
|
- :borderBottom="true"
|
|
|
- @click="handleAction('灭火器', index, baseIndex)"
|
|
|
- >
|
|
|
- <u-input v-model="base.extinguishType" placeholder="请选择类型" border="none" suffixIcon="arrow-right" suffixIconStyle="color: #909399" disabledColor="transparent" disabled />
|
|
|
+ <view
|
|
|
+ v-if="
|
|
|
+ li.baseBuild.useCharacter == '生产类厂房' || li.baseBuild.useCharacter == '仓库、物流' || li.baseBuild.useCharacter == '涉及易燃易爆危险品的单位(生产、充装、储存、供应、销售等)'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <view style="margin: 10px 0; text-align: center">危险品生产数量(吨/月)</view>
|
|
|
+ <u-form-item label="甲类" prop="li.baseBuildAttach.hazardousProduceA" :borderBottom="true">
|
|
|
+ <u-input type="number" v-model="li.baseBuildAttach.hazardousProduceA" placeholder="请输入甲类" border="none" maxlength="24" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="乙类" prop="li.baseBuildAttach.hazardousProduceB" :borderBottom="true">
|
|
|
+ <u-input type="number" v-model="li.baseBuildAttach.hazardousProduceB" placeholder="请输入乙类" border="none" maxlength="24" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="丙类" prop="li.baseBuildAttach.hazardousProduceC" :borderBottom="true">
|
|
|
+ <u-input type="number" v-model="li.baseBuildAttach.hazardousProduceC" placeholder="请输入丙类" border="none" maxlength="24" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="丁戊类" prop="li.baseBuildAttach.hazardousProduceD" :borderBottom="true">
|
|
|
+ <u-input type="number" v-model="li.baseBuildAttach.hazardousProduceD" placeholder="请输入丁戊类" border="none" maxlength="24" />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label="数量" :prop="`baseBuildList.${index}.baseBuildExtinguishList.${baseIndex}.extinguishNum`" :borderBottom="true" required>
|
|
|
- <u-input type="number" v-model="base.extinguishNum" placeholder="请输入数量" border="none" maxlength="10" />
|
|
|
+ <view style="margin: 10px 0; text-align: center">危险品存储数量(吨)</view>
|
|
|
+ <u-form-item label="甲类" prop="li.baseBuildAttach.hazardousStorageA" :borderBottom="true">
|
|
|
+ <u-input type="number" v-model="li.baseBuildAttach.hazardousStorageA" placeholder="请输入甲类" border="none" maxlength="24" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="乙类" prop="li.baseBuildAttach.hazardousStorageB" :borderBottom="true">
|
|
|
+ <u-input type="number" v-model="li.baseBuildAttach.hazardousStorageB" placeholder="请输入乙类" border="none" maxlength="24" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="丙类" prop="li.baseBuildAttach.hazardousStorageC" :borderBottom="true">
|
|
|
+ <u-input type="number" v-model="li.baseBuildAttach.hazardousStorageC" placeholder="请输入丙类" border="none" maxlength="24" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="丁戊类" prop="li.baseBuildAttach.hazardousStorageD" :borderBottom="true">
|
|
|
+ <u-input type="number" v-model="li.baseBuildAttach.hazardousStorageD" placeholder="请输入丁戊类" border="none" maxlength="24" />
|
|
|
</u-form-item>
|
|
|
</view>
|
|
|
- <u-button
|
|
|
- type="primary"
|
|
|
- style="width: 100px; height: 25px; margin-top: 10px"
|
|
|
- v-if="li.baseBuildExtinguishList.length < 6"
|
|
|
- @click="addSubmit('灭火器', index)"
|
|
|
- shape="circle"
|
|
|
- icon="plus"
|
|
|
- :plain="true"
|
|
|
- size="mini"
|
|
|
- >
|
|
|
- 添加灭火器
|
|
|
- </u-button>
|
|
|
+
|
|
|
+ <u-form-item label="消防设施设置" :prop="`baseBuildList.${index}.baseBuild.fireFacilitySystem`" required :borderBottom="true">
|
|
|
+ <u-checkbox-group v-model="li.baseBuild.fireFacilitySystem" placement="column" @change="checkboxChange">
|
|
|
+ <u-checkbox :customStyle="{ marginBottom: '8px' }" label="自动喷水灭火系统" :name="1"> </u-checkbox>
|
|
|
+ <u-checkbox :customStyle="{ marginBottom: '8px' }" label="火灾自动报警系统" :name="2"> </u-checkbox>
|
|
|
+ <u-checkbox :customStyle="{ marginBottom: '8px' }" label="防排烟与排烟系统" :name="3"> </u-checkbox>
|
|
|
+ <u-checkbox :customStyle="{ marginBottom: '8px' }" label="消防物联网系统" :name="4"> </u-checkbox>
|
|
|
+ </u-checkbox-group>
|
|
|
+ </u-form-item>
|
|
|
+
|
|
|
+ <u-form-item label="其他设施" :prop="`li.baseBuildList.baseBuild.otherSystem`" :borderBottom="true">
|
|
|
+ <u-checkbox-group v-model="li.baseBuild.otherSystem" placement="column" @change="checkboxChange">
|
|
|
+ <u-checkbox :customStyle="{ marginBottom: '8px' }" label="泡沫灭火系统" :name="1"> </u-checkbox>
|
|
|
+ <u-checkbox :customStyle="{ marginBottom: '8px' }" label="水喷雾、细水雾灭火系统" :name="2"> </u-checkbox>
|
|
|
+ <u-checkbox :customStyle="{ marginBottom: '8px' }" label="消防炮、自动跟踪定位射流灭火系统" :name="3"> </u-checkbox>
|
|
|
+ <u-checkbox :customStyle="{ marginBottom: '8px' }" label="气体灭火系统" :name="4"> </u-checkbox>
|
|
|
+ <u-checkbox :customStyle="{ marginBottom: '8px' }" label="干粉灭火系统" :name="5"> </u-checkbox>
|
|
|
+ <u-checkbox :customStyle="{ marginBottom: '8px' }" label="其他" :name="6"> </u-checkbox>
|
|
|
+ <u-input v-if="li.baseBuild.otherSystem.includes(6)" v-model="li.baseBuild.otherFacilities" placeholder="请输入消防设施名称" border="none" />
|
|
|
+ </u-checkbox-group>
|
|
|
+ </u-form-item>
|
|
|
+
|
|
|
+ <view>
|
|
|
+ <view v-for="(base, baseIndex) in li.baseBuildExtinguishList" :key="baseIndex">
|
|
|
+ <view style="margin: 10px 0; text-align: left">
|
|
|
+ {{ "灭火器" + (baseIndex + 1) }}
|
|
|
+ <u-icon v-if="li.baseBuildExtinguishList.length > 1" name="trash" color="#FF0000" size="20" style="float: right" @click="deleteSubmit('灭火器', index, baseIndex)"></u-icon>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <u-form-item
|
|
|
+ label="类型"
|
|
|
+ :prop="`baseBuildList.${index}.baseBuildExtinguishList.${baseIndex}.extinguishType`"
|
|
|
+ required
|
|
|
+ :borderBottom="true"
|
|
|
+ @click="handleAction('灭火器', index, baseIndex)"
|
|
|
+ >
|
|
|
+ <u-input v-model="base.extinguishType" placeholder="请选择类型" border="none" suffixIcon="arrow-right" suffixIconStyle="color: #909399" disabledColor="transparent" disabled />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="数量" :prop="`baseBuildList.${index}.baseBuildExtinguishList.${baseIndex}.extinguishNum`" :borderBottom="true" required>
|
|
|
+ <u-input type="number" v-model="base.extinguishNum" placeholder="请输入数量" border="none" maxlength="10" />
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <u-button
|
|
|
+ style="width: 100px; height: 25px; margin-top: 10px"
|
|
|
+ v-if="li.baseBuildExtinguishList.length < 6"
|
|
|
+ @click="addSubmit('灭火器', index)"
|
|
|
+ shape="circle"
|
|
|
+ icon="plus"
|
|
|
+ :plain="true"
|
|
|
+ size="mini"
|
|
|
+ >
|
|
|
+ 添加灭火器
|
|
|
+ </u-button>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </u--form>
|
|
|
+ </u--form>
|
|
|
|
|
|
- <view style="padding-bottom: 70px">
|
|
|
- <u-button type="primary" style="width: 25%; height: 25px; margin-top: 10px" @click="addSubmit('建筑')" shape="circle" icon="plus" size="mini"> 添加建筑 </u-button>
|
|
|
- </view>
|
|
|
+ <view style="padding-bottom: 70px">
|
|
|
+ <u-button type="primary" style="width: 25%; height: 25px; margin-top: 10px" @click="addSubmit('建筑')" shape="circle" icon="plus" size="mini"> 添加建筑 </u-button>
|
|
|
+ </view>
|
|
|
|
|
|
- <view style="position: fixed; left: 0; right: 0; bottom: 0; padding: 15px; background-color: transparent">
|
|
|
- <view style="display: flex">
|
|
|
- <u-button style="width: 50%; height: 40px; font-size: 14px; margin-right: 15px" @click="handleSubmit('上一步')" shape="circle" customStyle="border-color:#3c9cff;color:#3c9cff">
|
|
|
- 上一步
|
|
|
- </u-button>
|
|
|
+ <view class="app-button-fixed">
|
|
|
+ <view class="app-flex">
|
|
|
+ <u-button class="app-buttom" style="margin-right: 15px" @click="handleSubmit('上一步')" shape="circle"> 上一步 </u-button>
|
|
|
|
|
|
- <u-button type="primary" style="width: 50%; height: 40px; font-size: 14px" @click="handleSubmit('提交')" shape="circle"> 提交 </u-button>
|
|
|
+ <u-button class="app-buttom" type="primary" @click="handleSubmit('提交')" shape="circle"> 提交 </u-button>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
+ <u-picker
|
|
|
+ :show="actionShow"
|
|
|
+ :columns="actionsList"
|
|
|
+ :title="'请选择' + actionTitle"
|
|
|
+ keyName="name"
|
|
|
+ visibleItemCount="6"
|
|
|
+ :defaultIndex="[actionDefaultIndex]"
|
|
|
+ :closeOnClickOverlay="true"
|
|
|
+ @close="actionShow = false"
|
|
|
+ @cancel="actionShow = false"
|
|
|
+ @confirm="selectAction"
|
|
|
+ ></u-picker>
|
|
|
+
|
|
|
+ <u-datetime-picker
|
|
|
+ :show="showTime"
|
|
|
+ v-model="timeValue"
|
|
|
+ mode="date"
|
|
|
+ @close="showTime = false"
|
|
|
+ @cancel="showTime = false"
|
|
|
+ @confirm="timeSubmit"
|
|
|
+ :closeOnClickOverlay="true"
|
|
|
+ :minDate="Number(new Date('1900'))"
|
|
|
+ :maxDate="Number(new Date())"
|
|
|
+ ></u-datetime-picker>
|
|
|
+
|
|
|
+ <u-modal
|
|
|
+ :show="modalShow"
|
|
|
+ title="系统提示"
|
|
|
+ confirmText="修改"
|
|
|
+ cancelText="新增"
|
|
|
+ :showCancelButton="true"
|
|
|
+ cancelColor="#2979ff"
|
|
|
+ @confirm="handleSubmitApi('是')"
|
|
|
+ @cancel="handleSubmitApi('否')"
|
|
|
+ :closeOnClickOverlay="true"
|
|
|
+ @close="modalShow = false"
|
|
|
+ >
|
|
|
+ <view class="slot-content">
|
|
|
+ <view style="text-align: center; margin-bottom: 10px">是否修改单位名称为“{{ newCompanyName }}”的信息?</view>
|
|
|
+ <view style="text-align: center; font-size: 13px; color: #ff0000">注:“修改”则点击修改,“新增”将提交一条新的记录,如需“取消”操作可点击空白区域</view>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
</view>
|
|
|
|
|
|
- <u-picker
|
|
|
- :show="actionShow"
|
|
|
- :columns="actionsList"
|
|
|
- :title="'请选择' + actionTitle"
|
|
|
- keyName="name"
|
|
|
- visibleItemCount="6"
|
|
|
- :defaultIndex="[actionDefaultIndex]"
|
|
|
- :closeOnClickOverlay="true"
|
|
|
- @close="actionShow = false"
|
|
|
- @cancel="actionShow = false"
|
|
|
- @confirm="selectAction"
|
|
|
- ></u-picker>
|
|
|
-
|
|
|
- <u-datetime-picker
|
|
|
- :show="showTime"
|
|
|
- v-model="timeValue"
|
|
|
- mode="date"
|
|
|
- @close="showTime = false"
|
|
|
- @cancel="showTime = false"
|
|
|
- @confirm="timeSubmit"
|
|
|
- :closeOnClickOverlay="true"
|
|
|
- :minDate="Number(new Date('1900'))"
|
|
|
- :maxDate="Number(new Date())"
|
|
|
- ></u-datetime-picker>
|
|
|
-
|
|
|
- <u-modal
|
|
|
- :show="modalShow"
|
|
|
- title="系统提示"
|
|
|
- confirmText="修改"
|
|
|
- cancelText="新增"
|
|
|
- :showCancelButton="true"
|
|
|
- cancelColor="#2979ff"
|
|
|
- @confirm="handleSubmitApi('是')"
|
|
|
- @cancel="handleSubmitApi('否')"
|
|
|
- :closeOnClickOverlay="true"
|
|
|
- @close="modalShow = false"
|
|
|
- >
|
|
|
- <view class="slot-content">
|
|
|
- <view style="text-align: center; margin-bottom: 10px">是否修改单位名称为“{{ newCompanyName }}”的信息?</view>
|
|
|
- <view style="text-align: center; font-size: 13px; color: #ff0000">注:“修改”则点击修改,“新增”将提交一条新的记录,如需“取消”操作可点击空白区域</view>
|
|
|
+ <view v-else>
|
|
|
+ <view style="display: flex">
|
|
|
+ <image style="width: 120px; height: 120px; margin: 50px auto 20px auto" src="@/static/images/unitInfoCollection/success.png" />
|
|
|
</view>
|
|
|
- </u-modal>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view v-else>
|
|
|
- <view style="display: flex">
|
|
|
- <image style="width: 120px; height: 120px; margin: 50px auto 20px auto" src="@/static/images/unitInfoCollection/success.png" />
|
|
|
+ <view style="text-align: center; font-weight: 600">提交成功</view>
|
|
|
</view>
|
|
|
- <view style="text-align: center; font-weight: 600">提交成功</view>
|
|
|
- </view>
|
|
|
+ </scroll-view>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|