|
@@ -4,289 +4,345 @@
|
|
<image src="/static/icon/background.png" class="background"></image>
|
|
<image src="/static/icon/background.png" class="background"></image>
|
|
<view class="project-content">
|
|
<view class="project-content">
|
|
<u-form :model="form" ref="form">
|
|
<u-form :model="form" ref="form">
|
|
|
|
+ <view class="top">
|
|
|
|
+ <u-icon class="top-icon" name="map-fill"></u-icon>
|
|
|
|
+ <u-form-item label=" " borderBottom ref="item1" placeholder=" " labelWidth="80" label-align="left">
|
|
|
|
+ <u-input v-model="communityName" disabled placeholder=" " disabled trim="false"></u-input>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-icon class="top-icon" name="calendar"></u-icon>
|
|
|
|
+ <u-form-item label=" " borderBottom ref="item1" placeholder=" " labelWidth="80">
|
|
|
|
+ <u-input v-model="time" disabled length='20px' trim="false" placeholder=" " ></u-input>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="small-title">调压箱部分</view>
|
|
<u-row gutter="12">
|
|
<u-row gutter="12">
|
|
- <u-col span="6">
|
|
|
|
- <u-form-item label=" " borderBottom ref="item1" placeholder=" " labelWidth="200">
|
|
|
|
- <u-icon name="map-fill"></u-icon>
|
|
|
|
- <u-input v-model="communityName" disabled placeholder=" " disabled trim="false"></u-input>
|
|
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="管理所" borderBottom ref="item1" labelWidth="140">
|
|
|
|
+ <u-input v-model="form.administrativeOffice" placeholder="请输入管理所名称" :disabled="type==1"></u-input>
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</u-col>
|
|
</u-col>
|
|
- <u-col span="6">
|
|
|
|
- <u-form-item label=" " borderBottom ref="item1" placeholder=" " labelWidth="80">
|
|
|
|
- <u-icon name="calendar"></u-icon>
|
|
|
|
- <u-input v-model="time" disabled length='20px' trim="false"
|
|
|
|
- placeholder=" " ></u-input>
|
|
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="编号" borderBottom ref="item1" labelWidth="140">
|
|
|
|
+ <u-input v-model="form.number" placeholder="请输入编号" :disabled="type==1"></u-input>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="商服" borderBottom ref="item1" placeholder="请输入编号" labelWidth="140">
|
|
|
|
+ <u-switch v-model="form.businessService" :disabled="type==1"></u-switch>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="外观" borderBottom ref="item1" placeholder="请输入编号" labelWidth="140">
|
|
|
|
+ <u-radio-group v-model="form.appearance" :disabled="type==1">
|
|
|
|
+ <u-radio @change="appearance" v-for="(item, index) in typelist.appearance" :key="index"
|
|
|
|
+ :name="item.dictValue">
|
|
|
|
+ {{item.dictLabel}}
|
|
|
|
+ </u-radio>
|
|
|
|
+ </u-radio-group>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="方砖" borderBottom ref="item1" placeholder="请输入编号" labelWidth="140">
|
|
|
|
+ <u-radio-group v-model="form.squareBrick" :disabled="type==1">
|
|
|
|
+ <u-radio @change="squareBrick" v-for="(item, index) in typelist.square_brick" :key="index"
|
|
|
|
+ :name="item.dictValue">
|
|
|
|
+ {{item.dictLabel}}
|
|
|
|
+ </u-radio>
|
|
|
|
+ </u-radio-group>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="护栏" borderBottom ref="item1" placeholder="请输入编号" labelWidth="140">
|
|
|
|
+ <u-radio-group v-model="form.guardrail" :disabled="type==1">
|
|
|
|
+ <u-radio @change="guardrail" v-for="(item, index) in typelist.guardrail" :key="index"
|
|
|
|
+ :name="item.dictValue">
|
|
|
|
+ {{item.dictLabel}}
|
|
|
|
+ </u-radio>
|
|
|
|
+ </u-radio-group>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="基础" borderBottom ref="item1" placeholder="请输入编号" labelWidth="140">
|
|
|
|
+ <u-radio-group v-model="form.foundation" :disabled="type==1">
|
|
|
|
+ <u-radio @change="foundation" v-for="(item, index) in typelist.foundation" :key="index"
|
|
|
|
+ :name="item.dictValue">
|
|
|
|
+ {{item.dictLabel}}
|
|
|
|
+ </u-radio>
|
|
|
|
+ </u-radio-group>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="压力表" borderBottom ref="item1" placeholder="请输入编号" labelWidth="140">
|
|
|
|
+ <u-radio-group v-model="form.pressureGage" :disabled="type==1">
|
|
|
|
+ <u-radio @change="pressureGage" v-for="(item, index) in typelist.pressure_gage" :key="index"
|
|
|
|
+ :name="item.dictValue">
|
|
|
|
+ {{item.dictLabel}}
|
|
|
|
+ </u-radio>
|
|
|
|
+ </u-radio-group>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="阀门" borderBottom ref="item1" placeholder="请输入编号" labelWidth="140">
|
|
|
|
+ <u-radio-group v-model="form.valve" :disabled="type==1">
|
|
|
|
+ <u-radio @change="valve" v-for="(item, index) in typelist.valve" :key="index"
|
|
|
|
+ :name="item.dictValue">
|
|
|
|
+ {{item.dictLabel}}
|
|
|
|
+ </u-radio>
|
|
|
|
+ </u-radio-group>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="是否泄露" borderBottom ref="item1" placeholder="请输入编号" labelWidth="140">
|
|
|
|
+ <u-switch v-model="form.isThereALeak" :disabled="type==1"></u-switch>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="调压器" borderBottom ref="item1" placeholder="请输入编号" labelWidth="140">
|
|
|
|
+ <u-radio-group v-model="form.voltageRegulator" :disabled="type==1">
|
|
|
|
+ <u-radio @change="voltageRegulator" v-for="(item, index) in typelist.voltage_regulator"
|
|
|
|
+ :key="index" :name="item.dictValue">
|
|
|
|
+ {{item.dictLabel}}
|
|
|
|
+ </u-radio>
|
|
|
|
+ </u-radio-group>
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</u-col>
|
|
</u-col>
|
|
</u-row>
|
|
</u-row>
|
|
- <view style="color:cadetblue; font-size: 40rpx;">调压箱部分</view>
|
|
|
|
- <u-form-item label="管理所" borderBottom ref="item1" labelWidth="120">
|
|
|
|
- <u-input v-model="form.administrativeOffice" placeholder="请输入管理所名称" :disabled="type==1"></u-input>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="编号" borderBottom ref="item1" labelWidth="120">
|
|
|
|
- <u-input v-model="form.number" placeholder="请输入编号" :disabled="type==1"></u-input>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="商服" borderBottom ref="item1" placeholder="请输入编号" labelWidth="120">
|
|
|
|
- <u-switch v-model="form.businessService" :disabled="type==1"></u-switch>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="外观" borderBottom ref="item1" placeholder="请输入编号" labelWidth="120">
|
|
|
|
- <u-radio-group v-model="form.appearance" :disabled="type==1">
|
|
|
|
- <u-radio @change="appearance" v-for="(item, index) in typelist.appearance" :key="index"
|
|
|
|
- :name="item.dictValue">
|
|
|
|
- {{item.dictLabel}}
|
|
|
|
- </u-radio>
|
|
|
|
- </u-radio-group>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="方砖" borderBottom ref="item1" placeholder="请输入编号" labelWidth="120">
|
|
|
|
- <u-radio-group v-model="form.squareBrick" :disabled="type==1">
|
|
|
|
- <u-radio @change="squareBrick" v-for="(item, index) in typelist.square_brick" :key="index"
|
|
|
|
- :name="item.dictValue">
|
|
|
|
- {{item.dictLabel}}
|
|
|
|
- </u-radio>
|
|
|
|
- </u-radio-group>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="护栏" borderBottom ref="item1" placeholder="请输入编号" labelWidth="120">
|
|
|
|
- <u-radio-group v-model="form.guardrail" :disabled="type==1">
|
|
|
|
- <u-radio @change="guardrail" v-for="(item, index) in typelist.guardrail" :key="index"
|
|
|
|
- :name="item.dictValue">
|
|
|
|
- {{item.dictLabel}}
|
|
|
|
- </u-radio>
|
|
|
|
- </u-radio-group>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="基础" borderBottom ref="item1" placeholder="请输入编号" labelWidth="120">
|
|
|
|
- <u-radio-group v-model="form.foundation" :disabled="type==1">
|
|
|
|
- <u-radio @change="foundation" v-for="(item, index) in typelist.foundation" :key="index"
|
|
|
|
- :name="item.dictValue">
|
|
|
|
- {{item.dictLabel}}
|
|
|
|
- </u-radio>
|
|
|
|
- </u-radio-group>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="压力表" borderBottom ref="item1" placeholder="请输入编号" labelWidth="120">
|
|
|
|
- <u-radio-group v-model="form.pressureGage" :disabled="type==1">
|
|
|
|
- <u-radio @change="pressureGage" v-for="(item, index) in typelist.pressure_gage" :key="index"
|
|
|
|
- :name="item.dictValue">
|
|
|
|
- {{item.dictLabel}}
|
|
|
|
- </u-radio>
|
|
|
|
- </u-radio-group>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="阀门" borderBottom ref="item1" placeholder="请输入编号" labelWidth="120">
|
|
|
|
- <u-radio-group v-model="form.valve" :disabled="type==1">
|
|
|
|
- <u-radio @change="valve" v-for="(item, index) in typelist.valve" :key="index"
|
|
|
|
- :name="item.dictValue">
|
|
|
|
- {{item.dictLabel}}
|
|
|
|
- </u-radio>
|
|
|
|
- </u-radio-group>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="是否泄露" borderBottom ref="item1" placeholder="请输入编号" labelWidth="120">
|
|
|
|
- <u-switch v-model="form.isThereALeak" :disabled="type==1"></u-switch>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="调压器" borderBottom ref="item1" placeholder="请输入编号" labelWidth="120">
|
|
|
|
- <u-radio-group v-model="form.voltageRegulator" :disabled="type==1">
|
|
|
|
- <u-radio @change="voltageRegulator" v-for="(item, index) in typelist.voltage_regulator"
|
|
|
|
- :key="index" :name="item.dictValue">
|
|
|
|
- {{item.dictLabel}}
|
|
|
|
- </u-radio>
|
|
|
|
- </u-radio-group>
|
|
|
|
- </u-form-item>
|
|
|
|
-
|
|
|
|
- <u-row gutter="16" style="text-align: center;">
|
|
|
|
|
|
+ <u-row class="un-row" gutter="12" style="text-align:left;">
|
|
<u-col span="10">
|
|
<u-col span="10">
|
|
<u-form-item label="入口压力" borderBottom ref="item1" placeholder="请输入编号" labelWidth="140">
|
|
<u-form-item label="入口压力" borderBottom ref="item1" placeholder="请输入编号" labelWidth="140">
|
|
<u-input v-model="form.inletPressure" length='20px' placeholder="请输入管理所名称" :disabled="type==1"></u-input>
|
|
<u-input v-model="form.inletPressure" length='20px' placeholder="请输入管理所名称" :disabled="type==1"></u-input>
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</u-col>
|
|
</u-col>
|
|
<u-col span="2">
|
|
<u-col span="2">
|
|
- <viwe style="line-height: 40px;text-align: center;">Mpa</viwe>
|
|
|
|
|
|
+ <viwe class="danwei">Mpa</viwe>
|
|
</u-col>
|
|
</u-col>
|
|
</u-row>
|
|
</u-row>
|
|
-
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-row gutter="36">
|
|
|
|
- <u-col span="6">
|
|
|
|
|
|
+ <u-row gutter="12">
|
|
|
|
+ <u-col span="5">
|
|
<u-form-item label="出口压力 主路" borderBottom ref="item1" placeholder=" " labelWidth="200">
|
|
<u-form-item label="出口压力 主路" borderBottom ref="item1" placeholder=" " labelWidth="200">
|
|
<u-input v-model="form.exportPressureMain" placeholder=" " :disabled="type==1"></u-input>
|
|
<u-input v-model="form.exportPressureMain" placeholder=" " :disabled="type==1"></u-input>
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</u-col>
|
|
</u-col>
|
|
- <u-col span="1">
|
|
|
|
- <viwe style="line-height:40px;text-align: center;line-width:30px;">KPa</viwe>
|
|
|
|
|
|
+ <u-col span="2">
|
|
|
|
+ <viwe class="danwei">KPa</viwe>
|
|
</u-col>
|
|
</u-col>
|
|
- <u-col span="6">
|
|
|
|
|
|
+ <u-col span="3">
|
|
<u-form-item label="副路" borderBottom ref="item1" placeholder=" " labelWidth="80">
|
|
<u-form-item label="副路" borderBottom ref="item1" placeholder=" " labelWidth="80">
|
|
<u-input v-model="form.exportPressureAccessory" length='20px' trim="false"
|
|
<u-input v-model="form.exportPressureAccessory" length='20px' trim="false"
|
|
aceholder="" :disabled="type==1"></u-input>
|
|
aceholder="" :disabled="type==1"></u-input>
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</u-col>
|
|
</u-col>
|
|
<u-col span="1">
|
|
<u-col span="1">
|
|
- <viwe style="line-height: 40px;text-align: center;">KPa</viwe>
|
|
|
|
|
|
+ <viwe class="danwei">KPa</viwe>
|
|
</u-col>
|
|
</u-col>
|
|
</u-row>
|
|
</u-row>
|
|
- <u-row gutter="36">
|
|
|
|
- <u-col span="6">
|
|
|
|
|
|
+ <u-row gutter="12">
|
|
|
|
+ <u-col span="5">
|
|
<u-form-item label="关闭压力 主路" borderBottom ref="item1" placeholder=" " labelWidth="200">
|
|
<u-form-item label="关闭压力 主路" borderBottom ref="item1" placeholder=" " labelWidth="200">
|
|
<u-input v-model="form.closingPressureMain" placeholder=" " trim="false" :disabled="type==1"></u-input>
|
|
<u-input v-model="form.closingPressureMain" placeholder=" " trim="false" :disabled="type==1"></u-input>
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</u-col>
|
|
</u-col>
|
|
- <u-col span="1">
|
|
|
|
- <viwe style="line-height:40px;text-align: center;line-width:30px;">KPa</viwe>
|
|
|
|
|
|
+ <u-col span="2">
|
|
|
|
+ <viwe class="danwei">KPa</viwe>
|
|
</u-col>
|
|
</u-col>
|
|
- <u-col span="6">
|
|
|
|
|
|
+ <u-col span="3">
|
|
<u-form-item label="副路" borderBottom ref="item1" placeholder=" " labelWidth="80">
|
|
<u-form-item label="副路" borderBottom ref="item1" placeholder=" " labelWidth="80">
|
|
<u-input v-model="form.closingPressureAccessory" length='20px' trim="false"
|
|
<u-input v-model="form.closingPressureAccessory" length='20px' trim="false"
|
|
placeholder=" " :disabled="type==1"></u-input>
|
|
placeholder=" " :disabled="type==1"></u-input>
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</u-col>
|
|
</u-col>
|
|
<u-col span="1">
|
|
<u-col span="1">
|
|
- <viwe style="line-height: 40px;text-align: center;">KPa</viwe>
|
|
|
|
|
|
+ <viwe class="danwei">KPa</viwe>
|
|
</u-col>
|
|
</u-col>
|
|
</u-row>
|
|
</u-row>
|
|
-
|
|
|
|
- <u-form-item label="伴热带" labelWidth="140" borderBottom ref="item1">
|
|
|
|
- <u-input v-model="xtvLabel" disabled @click="showxtv= true&&type!=1" borderBottom></u-input>
|
|
|
|
- <u-select v-model="showxtv" :list="typelist.xtv" @confirm="xtv()" :show="showxtv"
|
|
|
|
- label-name="dictLabel" value-name="dictValue"> </u-select>
|
|
|
|
- <u-icon slot="right" name="arrow-right"></u-icon>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="有无温控器" borderBottom ref="item1" placeholder="" labelWidth="120">
|
|
|
|
- <u-switch v-model="form.thermostat" :disabled="type==1"></u-switch>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="有无防爆开关" borderBottom ref="item1" placeholder="" labelWidth="120">
|
|
|
|
- <u-switch v-model="form.explosionProofSwitch" :disabled="type==1"></u-switch>
|
|
|
|
- </u-form-item>
|
|
|
|
- <view style="color:cadetblue; font-size: 40rpx;">切断器测证部分</view>
|
|
|
|
- <u-form-item label="未测试" borderBottom ref="item1" placeholder="" labelWidth="120">
|
|
|
|
- <u-switch v-model="form.cutterTested" :disabled="type==1"></u-switch>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="切断器(放散阀)测试情况" borderBottom ref="item1" placeholder="" labelWidth="300">
|
|
|
|
- <u-radio-group v-model="form.disconnectorTestStatus" :disabled="type==1">
|
|
|
|
- <u-radio @change="disconnectorTestStatus"
|
|
|
|
- v-for="(item, index) in typelist.disconnector_test_status" :key="index"
|
|
|
|
- :name="item.dictValue">
|
|
|
|
- {{item.dictLabel}}
|
|
|
|
- </u-radio>
|
|
|
|
- </u-radio-group>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-row gutter="36">
|
|
|
|
- <u-col span="6">
|
|
|
|
|
|
+ <u-row>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="伴热带" labelWidth="140" borderBottom ref="item1">
|
|
|
|
+ <u-input v-model="xtvLabel" disabled @click="showxtv= true&&type!=1" borderBottom></u-input>
|
|
|
|
+ <u-select v-model="showxtv" :list="typelist.xtv" @confirm="xtv()" :show="showxtv"
|
|
|
|
+ label-name="dictLabel" value-name="dictValue"> </u-select>
|
|
|
|
+ <u-icon slot="right" name="arrow-right"></u-icon>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="有无温控器" borderBottom ref="item1" placeholder="" labelWidth="180">
|
|
|
|
+ <u-switch v-model="form.thermostat" :disabled="type==1"></u-switch>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="有无防爆开关" borderBottom ref="item1" placeholder="" labelWidth="180">
|
|
|
|
+ <u-switch v-model="form.explosionProofSwitch" :disabled="type==1"></u-switch>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ </u-row>
|
|
|
|
+ <view class="small-title">切断器测证部分</view>
|
|
|
|
+ <u-row>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="未测试" borderBottom ref="item1" placeholder="" labelWidth="120">
|
|
|
|
+ <u-switch v-model="form.cutterTested" :disabled="type==1"></u-switch>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="切断器(放散阀)测试情况" borderBottom ref="item1" placeholder="" labelWidth="320">
|
|
|
|
+ <u-radio-group v-model="form.disconnectorTestStatus" :disabled="type==1">
|
|
|
|
+ <u-radio @change="disconnectorTestStatus"
|
|
|
|
+ v-for="(item, index) in typelist.disconnector_test_status" :key="index"
|
|
|
|
+ :name="item.dictValue">
|
|
|
|
+ {{item.dictLabel}}
|
|
|
|
+ </u-radio>
|
|
|
|
+ </u-radio-group>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ </u-row>
|
|
|
|
+ <u-row gutter="12">
|
|
|
|
+ <u-col span="5">
|
|
<u-form-item label="切断压力 主路" borderBottom ref="item1" placeholder=" " labelWidth="200">
|
|
<u-form-item label="切断压力 主路" borderBottom ref="item1" placeholder=" " labelWidth="200">
|
|
<u-input v-model="form.cutOffPressureMain" placeholder=" " :disabled="type==1"></u-input>
|
|
<u-input v-model="form.cutOffPressureMain" placeholder=" " :disabled="type==1"></u-input>
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</u-col>
|
|
</u-col>
|
|
- <u-col span="1">
|
|
|
|
- <viwe style="line-height:40px;text-align: center;line-width:30px;">KPa</viwe>
|
|
|
|
|
|
+ <u-col span="2">
|
|
|
|
+ <viwe class="danwei">KPa</viwe>
|
|
</u-col>
|
|
</u-col>
|
|
- <u-col span="6">
|
|
|
|
|
|
+ <u-col span="3">
|
|
<u-form-item label="副路" borderBottom ref="item1" placeholder="" labelWidth="80">
|
|
<u-form-item label="副路" borderBottom ref="item1" placeholder="" labelWidth="80">
|
|
<u-input v-model="form.cutOffPressureAccessory" length='20px'
|
|
<u-input v-model="form.cutOffPressureAccessory" length='20px'
|
|
placeholder="请输入管理所名称" :disabled="type==1"></u-input>
|
|
placeholder="请输入管理所名称" :disabled="type==1"></u-input>
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</u-col>
|
|
</u-col>
|
|
<u-col span="1">
|
|
<u-col span="1">
|
|
- <viwe style="line-height: 40px;text-align: center;">KPa</viwe>
|
|
|
|
|
|
+ <viwe class="danwei">KPa</viwe>
|
|
</u-col>
|
|
</u-col>
|
|
</u-row>
|
|
</u-row>
|
|
- <u-row gutter="16" style="text-align: center;">
|
|
|
|
|
|
+ <u-row gutter="12" style="text-align: center;">
|
|
<u-col span="10">
|
|
<u-col span="10">
|
|
<u-form-item label="放散压力" borderBottom ref="item1" placeholder="请输入编号" labelWidth="140">
|
|
<u-form-item label="放散压力" borderBottom ref="item1" placeholder="请输入编号" labelWidth="140">
|
|
<u-input v-model="form.releasePressure" length='20px' placeholder="请输入管理所名称" :disabled="type==1"></u-input>
|
|
<u-input v-model="form.releasePressure" length='20px' placeholder="请输入管理所名称" :disabled="type==1"></u-input>
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</u-col>
|
|
</u-col>
|
|
<u-col span="2">
|
|
<u-col span="2">
|
|
- <viwe style="line-height: 40px;text-align: center;">Mpa</viwe>
|
|
|
|
|
|
+ <viwe class="danwei">Mpa</viwe>
|
|
</u-col>
|
|
</u-col>
|
|
</u-row>
|
|
</u-row>
|
|
-
|
|
|
|
- <view style="color:cadetblue; font-size: 40rpx;">主副路交替部分</view>
|
|
|
|
- <u-form-item label="未交替" borderBottom ref="item1" placeholder="请输入编号" labelWidth="120">
|
|
|
|
- <u-switch v-model="form.manOfAccessoryAlternating" :disabled="type==1"></u-switch>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="过滤器" borderBottom ref="item1" placeholder="请输入编号" labelWidth="300">
|
|
|
|
- <u-radio-group v-model="form.filter" :disabled="type==1">
|
|
|
|
- <u-radio @change="filter" v-for="(item, index) in typelist.filter" :key="index"
|
|
|
|
- :name="item.dictValue">
|
|
|
|
- {{item.dictLabel}}
|
|
|
|
- </u-radio>
|
|
|
|
- </u-radio-group>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-row gutter="16" style="text-align: center;">
|
|
|
|
- <u-col span="10">
|
|
|
|
- <u-form-item label="操作结果 主副路已交替完毕,现" borderBottom ref="item1" placeholder="请输入编号"
|
|
|
|
- labelWidth="400">
|
|
|
|
|
|
+ <view class="small-title">主副路交替部分</view>
|
|
|
|
+ <u-row>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="未交替" borderBottom ref="item1" placeholder="请输入编号" labelWidth="120">
|
|
|
|
+ <u-switch v-model="form.manOfAccessoryAlternating" :disabled="type==1"></u-switch>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="过滤器" borderBottom ref="item1" placeholder="请输入编号" labelWidth="120">
|
|
|
|
+ <u-radio-group v-model="form.filter" :disabled="type==1">
|
|
|
|
+ <u-radio @change="filter" v-for="(item, index) in typelist.filter" :key="index"
|
|
|
|
+ :name="item.dictValue">
|
|
|
|
+ {{item.dictLabel}}
|
|
|
|
+ </u-radio>
|
|
|
|
+ </u-radio-group>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ </u-row>
|
|
|
|
+ <u-row gutter="12" style="text-align: center;">
|
|
|
|
+ <u-col span="12">
|
|
|
|
+ <u-form-item label="操作结果主副路已交替完毕,现" borderBottom ref="item1" placeholder="请输入编号"
|
|
|
|
+ labelWidth="420">
|
|
<u-input v-model="form.mainRoad" length='20px' placeholder="请输入管理所名称" :disabled="type==1"></u-input>
|
|
<u-input v-model="form.mainRoad" length='20px' placeholder="请输入管理所名称" :disabled="type==1"></u-input>
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</u-col>
|
|
</u-col>
|
|
- <u-col span="1">
|
|
|
|
- <viwe style="line-height: 40px;text-align: center;">路为主路</viwe>
|
|
|
|
|
|
+ <u-col span="12">
|
|
|
|
+ <viwe class="danwei">路为主路</viwe>
|
|
</u-col>
|
|
</u-col>
|
|
</u-row>
|
|
</u-row>
|
|
- <view style="color:cadetblue; font-size: 40rpx;">特殊情况说明</view>
|
|
|
|
- <u-form-item label="调压设施特例" borderBottom ref="item1" placeholder="请输入编号" labelWidth="300">
|
|
|
|
- <u-radio-group v-model="form.specialCaseOfPressureRegulatingFacilities" :disabled="type==1">
|
|
|
|
- <u-radio @change="specialCaseOfPressureRegulatingFacilities"
|
|
|
|
- v-for="(item, index) in typelist.special_case_of_pressure_regulating_facilities"
|
|
|
|
- :key="index" :name="item.dictValue">
|
|
|
|
- {{item.dictLabel}}
|
|
|
|
- </u-radio>
|
|
|
|
- </u-radio-group>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="超期巡检天数" borderBottom ref="item1" placeholder="请输入编号" labelWidth="300">
|
|
|
|
- <u-radio-group v-model="form.overdueInspectionDays" :disabled="type==1">
|
|
|
|
- <u-radio @change="overdueInspectionDays"
|
|
|
|
- v-for="(item, index) in typelist.overdue_inspection_days" :key="index"
|
|
|
|
- :name="item.dictValue">
|
|
|
|
- {{item.dictLabel}}
|
|
|
|
- </u-radio>
|
|
|
|
- </u-radio-group>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="超期巡检原因" borderBottom ref="item1" placeholder="请输入编号" labelWidth="300">
|
|
|
|
- <u-radio-group v-model="form.reasonForOverdueInspection" :disabled="type==1">
|
|
|
|
- <u-radio @change="reasonForOverdueInspection"
|
|
|
|
- v-for="(item, index) in typelist.reason_for_overdue_inspection" :key="index"
|
|
|
|
- :name="item.dictValue">
|
|
|
|
- {{item.dictLabel}}
|
|
|
|
- </u-radio>
|
|
|
|
- </u-radio-group>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="其他原因" borderBottom ref="item1" labelWidth="120">
|
|
|
|
- <u-input v-model="form.otherReasonsForOverdueInspection" placeholder="(非必填项)" :disabled="type==1"></u-input>
|
|
|
|
- </u-form-item>
|
|
|
|
- <view style="color:cadetblue; font-size: 40rpx;">阀井测试部分</view>
|
|
|
|
- <u-form-item label="未测试" borderBottom ref="item1" placeholder="请输入编号" labelWidth="120">
|
|
|
|
- <u-switch v-model="form.valveWellTesting" :disabled="type==1"></u-switch>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label="阀井情况" labelWidth="140" borderBottom ref="item1">
|
|
|
|
- <u-input v-model="valveWellConditioLabel" disabled @click=" showvalveWellCondition= true&& type!=1"
|
|
|
|
- borderBottom></u-input>
|
|
|
|
- <u-select v-model="showvalveWellCondition" :list="typelist.valve_well_condition"
|
|
|
|
- @confirm="valveWellCondition()" label-name="dictLabel" value-name="dictValue"> </u-select>
|
|
|
|
- <u-icon slot="right" name="arrow-right"></u-icon>
|
|
|
|
- </u-form-item>
|
|
|
|
- <view style="color:cadetblue; font-size: 40rpx;">备注信息</view>
|
|
|
|
- <u-form-item label=" " labelWidth="0" borderBottom ref="item1">
|
|
|
|
- <u-input v-model="form.remarks" type="textarea" borderBottom placeholder="请填写备注信息内容" :disabled="type==1"></u-input>
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label=" " labelWidth="0" borderBottom ref="item1">
|
|
|
|
- <u-input v-model="form.WarningColumnInformation" disabled placeholder="请上传巡检照片"></u-input>
|
|
|
|
- <view class="" style="display: flex; flex-wrap: wrap; margin: 0 55rpx;">
|
|
|
|
- <image src="/static/icon/chooseimg.png" mode=""
|
|
|
|
- style="width: 190rpx; height: 190rpx; margin: 0 12rpx; " @click="choose()" v-if="type!=1"></image>
|
|
|
|
- <view v-for="(item,index) in imgymxs" :key="index" style="position: relative;">
|
|
|
|
- <view v-if="item.type == 'image'">
|
|
|
|
- <image :src="item.url" mode="" style="width: 190rpx; height: 190rpx; margin: 0 20rpx;"
|
|
|
|
- @click="showPhoto(index)">
|
|
|
|
- </image>
|
|
|
|
- </view>
|
|
|
|
- <view v-else>
|
|
|
|
- <video :src="item" style="width: 190rpx; height: 190rpx; margin: 0 20rpx;"></video>
|
|
|
|
- </view>
|
|
|
|
- <view @click="remove(index)"
|
|
|
|
- style="position: absolute; top: 0; right: 14rpx; border-radius: 50%; background-color: #FF0000;">
|
|
|
|
- <u-icon name="close" color="#FFFFFF" size="35"></u-icon>
|
|
|
|
|
|
+ <view class="small-title">特殊情况说明</view>
|
|
|
|
+ <u-row>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="调压设施特例" borderBottom ref="item1" placeholder="请输入编号" labelWidth="200">
|
|
|
|
+ <u-radio-group v-model="form.specialCaseOfPressureRegulatingFacilities" :disabled="type==1">
|
|
|
|
+ <u-radio @change="specialCaseOfPressureRegulatingFacilities"
|
|
|
|
+ v-for="(item, index) in typelist.special_case_of_pressure_regulating_facilities"
|
|
|
|
+ :key="index" :name="item.dictValue">
|
|
|
|
+ {{item.dictLabel}}
|
|
|
|
+ </u-radio>
|
|
|
|
+ </u-radio-group>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="超期巡检天数" borderBottom ref="item1" placeholder="请输入编号" labelWidth="200">
|
|
|
|
+ <u-radio-group v-model="form.overdueInspectionDays" :disabled="type==1">
|
|
|
|
+ <u-radio @change="overdueInspectionDays"
|
|
|
|
+ v-for="(item, index) in typelist.overdue_inspection_days" :key="index"
|
|
|
|
+ :name="item.dictValue">
|
|
|
|
+ {{item.dictLabel}}
|
|
|
|
+ </u-radio>
|
|
|
|
+ </u-radio-group>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="超期巡检原因" borderBottom ref="item1" placeholder="请输入编号" labelWidth="200">
|
|
|
|
+ <u-radio-group v-model="form.reasonForOverdueInspection" :disabled="type==1">
|
|
|
|
+ <u-radio @change="reasonForOverdueInspection"
|
|
|
|
+ v-for="(item, index) in typelist.reason_for_overdue_inspection" :key="index"
|
|
|
|
+ :name="item.dictValue">
|
|
|
|
+ {{item.dictLabel}}
|
|
|
|
+ </u-radio>
|
|
|
|
+ </u-radio-group>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="其他原因" borderBottom ref="item1" labelWidth="160">
|
|
|
|
+ <u-input v-model="form.otherReasonsForOverdueInspection" placeholder="(非必填项)" :disabled="type==1"></u-input>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ </u-row>
|
|
|
|
+ <view class="small-title">阀井测试部分</view>
|
|
|
|
+ <u-row>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="未测试" borderBottom ref="item1" placeholder="请输入编号" labelWidth="120">
|
|
|
|
+ <u-switch v-model="form.valveWellTesting" :disabled="type==1"></u-switch>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label="阀井情况" labelWidth="140" borderBottom ref="item1">
|
|
|
|
+ <u-input v-model="valveWellConditioLabel" disabled @click=" showvalveWellCondition= true&& type!=1"
|
|
|
|
+ borderBottom></u-input>
|
|
|
|
+ <u-select v-model="showvalveWellCondition" :list="typelist.valve_well_condition"
|
|
|
|
+ @confirm="valveWellCondition()" label-name="dictLabel" value-name="dictValue"> </u-select>
|
|
|
|
+ <u-icon slot="right" name="arrow-right"></u-icon>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ </u-row>
|
|
|
|
+ <view class="small-title">备注信息</view>
|
|
|
|
+ <u-row>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label=" " labelWidth="0" borderBottom ref="item1">
|
|
|
|
+ <u-input v-model="form.remarks" type="textarea" borderBottom placeholder="请填写备注信息内容" :disabled="type==1"></u-input>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ <u-col>
|
|
|
|
+ <u-form-item label=" " labelWidth="0" borderBottom ref="item1">
|
|
|
|
+ <u-input v-model="form.WarningColumnInformation" disabled placeholder="请上传巡检照片"></u-input>
|
|
|
|
+ <view class="" style="display: flex; flex-wrap: wrap; margin: 0 55rpx;">
|
|
|
|
+ <image src="/static/icon/chooseimg.png" mode=""
|
|
|
|
+ style="width: 190rpx; height: 190rpx; margin: 0 12rpx; " @click="choose()" v-if="type!=1"></image>
|
|
|
|
+ <view v-for="(item,index) in imgymxs" :key="index" style="position: relative;">
|
|
|
|
+ <view v-if="item.type == 'image'">
|
|
|
|
+ <image :src="item.url" mode="" style="width: 190rpx; height: 190rpx; margin: 0 20rpx;"
|
|
|
|
+ @click="showPhoto(index)">
|
|
|
|
+ </image>
|
|
|
|
+ </view>
|
|
|
|
+ <view v-else>
|
|
|
|
+ <video :src="item" style="width: 190rpx; height: 190rpx; margin: 0 20rpx;"></video>
|
|
|
|
+ </view>
|
|
|
|
+ <view @click="remove(index)"
|
|
|
|
+ style="position: absolute; top: 0; right: 14rpx; border-radius: 50%; background-color: #FF0000;">
|
|
|
|
+ <u-icon name="close" color="#FFFFFF" size="35"></u-icon>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </u-form-item>
|
|
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-col>
|
|
|
|
+ </u-row>
|
|
</u-form>
|
|
</u-form>
|
|
- <u-button style="margin: 500rpx 155rpx 0;" @click="save()" v-if="type!=1">确认上传</u-button>
|
|
|
|
|
|
+ <u-button class="from-but" style="margin: 40rpx 0;" @click="save()" v-if="type!=1" type='primary'>确认上传</u-button>
|
|
</view>
|
|
</view>
|
|
</u-form>
|
|
</u-form>
|
|
</view>
|
|
</view>
|
|
@@ -517,9 +573,12 @@
|
|
|
|
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+
|
|
onReady() {
|
|
onReady() {
|
|
- this.$refs.form.setRules(this.rules);
|
|
|
|
- },
|
|
|
|
|
|
+ uni.setNavigationBarTitle({
|
|
|
|
+ title: '调压箱表单'
|
|
|
|
+ });
|
|
|
|
+ },
|
|
showPhoto(index){
|
|
showPhoto(index){
|
|
uni.previewImage({
|
|
uni.previewImage({
|
|
current:index,
|
|
current:index,
|
|
@@ -539,9 +598,9 @@
|
|
this.time=time1.toLocaleString()
|
|
this.time=time1.toLocaleString()
|
|
this.form.areaId = e.community
|
|
this.form.areaId = e.community
|
|
this.communityName = e.communityName
|
|
this.communityName = e.communityName
|
|
- uni.setNavigationBarTitle({
|
|
|
|
- title: '调压箱表单'
|
|
|
|
- });
|
|
|
|
|
|
+ // uni.setNavigationBarTitle({
|
|
|
|
+ // title: '调压箱表单'
|
|
|
|
+ // });
|
|
this.getdictsysinfo()
|
|
this.getdictsysinfo()
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -851,10 +910,11 @@
|
|
|
|
|
|
<style>
|
|
<style>
|
|
.project-content {
|
|
.project-content {
|
|
- border: 4rpx solid #3857F3;
|
|
|
|
- margin: 40rpx 55rpx 0;
|
|
|
|
- padding: 30rpx 20rpx;
|
|
|
|
- border-radius: 48rpx;
|
|
|
|
|
|
+ padding: 0rpx 20rpx;
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
+ width: 90%;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ background: #fff;
|
|
}
|
|
}
|
|
|
|
|
|
.background {
|
|
.background {
|
|
@@ -864,4 +924,35 @@
|
|
height: 100%;
|
|
height: 100%;
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
}
|
|
}
|
|
|
|
+ .top-left{
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ }
|
|
|
|
+ .small-title{
|
|
|
|
+ font-size: 38rpx;
|
|
|
|
+ color: #2d95f4;
|
|
|
|
+ margin: 20rpx 0;
|
|
|
|
+ }
|
|
|
|
+ .form-item {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ font-size: 32rpx;
|
|
|
|
+ border: none;
|
|
|
|
+ }
|
|
|
|
+ .danwei{
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: 110rpx;
|
|
|
|
+ }
|
|
|
|
+ .un-row{
|
|
|
|
+ text-align: left;
|
|
|
|
+ }
|
|
|
|
+ .top{
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items:center;
|
|
|
|
+ justify-content:space-between;
|
|
|
|
+ }
|
|
|
|
+ .top-icon{
|
|
|
|
+ font-size: 40rpx;
|
|
|
|
+ color: #2d95f4;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|