apply-clients 3.3.36 → 3.3.40

package/src/components/product/OldApply/OldApplyMessage.vue

@@ -1,411 +1,411 @@
-<template>
-  <div class="select-overspread" style="background-color: #ffffff;padding: 20px;overflow: scroll">
-    <form class="form-horizontal">
-      <div class="form-group">
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">用户编号</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_userinfo_code"
-                   :value="selectdata.f_userinfo_code"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">工程编号</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_apply_num"
-                   :value="selectdata.f_apply_num"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">报建类型</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_apply_type"
-                   :value="selectdata.f_apply_type"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">流程状态</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_sub_state"
-                   :value="selectdata.f_sub_state"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">单位名称</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_user_name"
-                   :value="selectdata.f_user_name"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">联系人</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_contact"
-                   :value="selectdata.f_contact"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">电话</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_phone"
-                   :value="selectdata.f_phone"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">身份证号</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_idnumber"
-                   :value="selectdata.f_idnumber"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">用气性质</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_gas_nature"
-                   :value="selectdata.f_gas_nature"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">报建接收时间</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_apply_date"
-                   :value="selectdata.f_apply_date"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">报建审核日期</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_apply_check_date"
-                   :value="selectdata.f_apply_check_date"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">合同价格</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_contract_money"
-                   :value="selectdata.f_contract_money"/>
-          </div>
-        </div>
-        <div class="col-sm-12 form-group">
-          <label class="control-label-justify control-label col-sm-6">收费项目</label>
-          <div class="col-sm-10">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_payment_term"
-                   :value="selectdata.f_payment_term"/>
-          </div>
-        </div>
-        <div class="col-sm-12 form-group">
-          <label class="control-label-justify control-label col-sm-6">集收单位</label>
-          <div class="col-sm-10">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_unit_name"
-                   :value="selectdata.f_unit_name"/>
-          </div>
-        </div>
-        <div class="col-sm-12 form-group">
-          <label class="control-label-justify control-label col-sm-6">地址</label>
-          <div class="col-sm-10">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_address"
-                   :value="selectdata.f_address"/>
-          </div>
-        </div>
-        <div class="col-sm-12 form-group">
-          <label class="control-label-justify control-label col-sm-6">报建备注</label>
-          <div class="col-sm-10">
-            <input class="form-control input_view" type="input" readonly
-                   v-model="selectdata.f_apply_remarks"
-                   :value="selectdata.f_apply_remarks"/>
-          </div>
-        </div>
-
-        <!-- 待安装 -->
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">施工项目部</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input"
-                   :readonly="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
-                   v-model="selectdata.f_construction_unit"
-                   :value="selectdata.f_construction_unit"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">施工负责人</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input"
-                   :readonly="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
-                   v-model="selectdata.f_construction_worker"
-                   :value="selectdata.f_construction_worker"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">施工完成时间</label>
-          <div class="col-sm-6">
-            <datepicker
-              :value.sync="selectdata.f_completion_time"
-              v-model="selectdata.f_completion_time"
-              :readonly="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
-              :disabled="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
-              :show-reset-button="true"
-            ></datepicker>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">表号</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input"
-                   :readonly="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
-                   v-model="selectdata.f_meternumber"
-                   :value="selectdata.f_meternumber"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">防盗卡号</label>
-          <div class="col-sm-6">
-            <input class="form-control input_view" type="input"
-                   :readonly="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
-                   v-model="selectdata.f_card_number"
-                   :value="selectdata.f_card_number"/>
-          </div>
-        </div>
-        <div class="col-sm-4 form-group">
-          <label class="control-label-justify control-label col-sm-6">施工审核时间</label>
-          <div class="col-sm-6">
-            <datepicker
-              :value.sync="selectdata.f_construction_check_time"
-              v-model="selectdata.f_construction_check_time"
-              :readonly="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
-              :disabled="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
-              :show-reset-button="true"
-            ></datepicker>
-          </div>
-        </div>
-
-        <!-- 待点火 -->
-        <template v-if="selectdata.f_sub_state !== '待安装' || type === 'monitor'">
-          <div class="col-sm-4 form-group">
-            <label class="control-label-justify control-label col-sm-6">计划通气时间</label>
-            <div class="col-sm-6">
-              <datepicker
-                :value.sync="selectdata.f_plan_date"
-                v-model="selectdata.f_plan_date"
-                :readonly="type === 'monitor'"
-                :disabled="type === 'monitor'"
-                :show-reset-button="true"
-              ></datepicker>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label class="control-label-justify control-label col-sm-6">计划气价名称</label>
-            <div class="col-sm-6">
-              <input class="form-control input_view" type="input"
-                     :readonly="type === 'monitor'"
-                     v-model="selectdata.f_gas_price_name"
-                     :value="selectdata.f_gas_price_name"/>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label class="control-label-justify control-label col-sm-6">计划通气备注</label>
-            <div class="col-sm-6">
-              <input class="form-control input_view" type="input"
-                     :readonly="type === 'monitor'"
-                     v-model="selectdata.f_remark_stask"
-                     :value="selectdata.f_remark_stask"/>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label class="control-label-justify control-label col-sm-6">通气日期</label>
-            <div class="col-sm-6">
-              <datepicker
-                :value.sync="selectdata.f_ventilate_date"
-                v-model="selectdata.f_ventilate_date"
-                :readonly="type === 'monitor'"
-                :disabled="type === 'monitor'"
-                :show-reset-button="true"
-              ></datepicker>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label class="control-label-justify control-label col-sm-6">通气备注</label>
-            <div class="col-sm-6">
-              <input class="form-control input_view" type="input"
-                     :readonly="type === 'monitor'"
-                     v-model="selectdata.f_gas_remarks"
-                     :value="selectdata.f_gas_remarks"/>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label class="control-label-justify control-label col-sm-6">验收人</label>
-            <div class="col-sm-6">
-              <input class="form-control input_view" type="input"
-                     :readonly="type === 'monitor'"
-                     v-model="selectdata.f_acceptor"
-                     :value="selectdata.f_acceptor"/>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label class="control-label-justify control-label col-sm-6">验收日期</label>
-            <div class="col-sm-6">
-              <datepicker
-                :value.sync="selectdata.f_acceptor_date"
-                v-model="selectdata.f_acceptor_date"
-                :readonly="type === 'monitor'"
-                :disabled="type === 'monitor'"
-                :show-reset-button="true"
-              ></datepicker>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label class="control-label-justify control-label col-sm-6">验收结果</label>
-            <div class="col-sm-6">
-              <input class="form-control input_view" type="input"
-                     :readonly="type === 'monitor'"
-                     v-model="selectdata.f_acceptance_is_qualified"
-                     :value="selectdata.f_acceptance_is_qualified"/>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label class="control-label-justify control-label col-sm-6">气价名称</label>
-            <div class="col-sm-6">
-              <input class="form-control input_view" type="input"
-                     :readonly="type === 'monitor'"
-                     v-model="selectdata.f_price_name"
-                     :value="selectdata.f_price_name"/>
-            </div>
-          </div>
-        </template>
-        <template v-if="selectdata.f_sub_state === '终止'">
-          <div class="col-sm-4 form-group">
-            <label class="control-label-justify control-label col-sm-6">终止原因</label>
-            <div class="col-sm-6">
-              <input class="form-control input_view" type="input" readonly
-                     v-model="selectdata.f_stop_reason"
-                     :value="selectdata.f_stop_reason"/>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label class="control-label-justify control-label col-sm-6">终止人员</label>
-            <div class="col-sm-6">
-              <input class="form-control input_view" type="input" readonly
-                     v-model="selectdata.f_stop_user"
-                     :value="selectdata.f_stop_user"/>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label class="control-label-justify control-label col-sm-6">终止时间</label>
-            <div class="col-sm-6">
-              <input class="form-control input_view" type="input" readonly
-                     v-model="selectdata.f_stop_date"
-                     :value="selectdata.f_stop_date"/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group">
-            <label class="control-label-justify control-label col-sm-6">终止备注</label>
-            <div class="col-sm-10">
-              <input class="form-control input_view" type="input" readonly
-                     v-model="selectdata.f_stop_remarks"
-                     :value="selectdata.f_stop_remarks"/>
-            </div>
-          </div>
-        </template>
-      </div>
-    </form>
-  </div>
-</template>
-
-<script>
-export default {
-  title: '报装信息',
-  props: ['selectdata', 'type'],
-  data () {
-    return {
-    }
-  }
-}
-</script>
-<style>
-  .datepicker{
-    width: 100%!important;
-  }
-  .datepicker-input{
-    background-color: #ffffff!important;
-    width: 100%!important;
-  }
-  .datepicker-input:disabled{
-    border: 1px solid #DDD!important;
-    color: #ACA899!important;
-    width: 100%!important;
-  }
-</style>
-<style scoped>
-th{
-  font-size: 15px !important;
-  text-align: center !important;
-  background-color: #dfedfb!important;
-  color: #666666 !important;
-  font-family: PINGFANG-BOLD !important;
-  font-weight: normal!important;
-}
-/*清除model中的浮动*/
-.clearfix:after,.clearfix:before{
-  display: table;
-}
-.clearfix:after{
-  clear: both;
-}
-
-.input_view{
-  padding: 8px;
-  background-color: #ffffff;
-  border-radius: 2px;
-  border: solid 1px #c7c7c7!important;
-  color: #333333!important;
-  font-size: 15px!important;
-}
-
-.input_view[readonly]{
-  border: 1px solid #DDD!important;
-  color:#ACA899!important;
-}
-.input_view:disabled{
-  border: 1px solid #DDD!important;
-  color:#ACA899!important;
-}
-
-.control-label-justify {
-  display: inline-block;
-  vertical-align: top;
-  width: 110px;
-  text-align: justify;
-  font-family: PingFang-SC-Bold;
-}
-
-.control-label-justify::after {
-  content: "";
-  display: inline-block;
-  width: 100%;
-  overflow: hidden;
-  height: 0;
-}
-
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-}
-
-input[type="number"] {
-  -moz-appearance: textfield;
-}
-</style>
+<template>
+  <div class="select-overspread" style="background-color: #ffffff;padding: 20px;overflow: scroll">
+    <form class="form-horizontal">
+      <div class="form-group">
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">用户编号</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_userinfo_code"
+                   :value="selectdata.f_userinfo_code"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">工程编号</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_apply_num"
+                   :value="selectdata.f_apply_num"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">报建类型</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_apply_type"
+                   :value="selectdata.f_apply_type"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">流程状态</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_sub_state"
+                   :value="selectdata.f_sub_state"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">单位名称</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_user_name"
+                   :value="selectdata.f_user_name"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">联系人</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_contact"
+                   :value="selectdata.f_contact"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">电话</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_phone"
+                   :value="selectdata.f_phone"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">身份证号</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_idnumber"
+                   :value="selectdata.f_idnumber"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">用气性质</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_gas_nature"
+                   :value="selectdata.f_gas_nature"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">报建接收时间</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_apply_date"
+                   :value="selectdata.f_apply_date"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">报建审核日期</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_apply_check_date"
+                   :value="selectdata.f_apply_check_date"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">合同价格</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_contract_money"
+                   :value="selectdata.f_contract_money"/>
+          </div>
+        </div>
+        <div class="col-sm-12 form-group">
+          <label class="control-label-justify control-label col-sm-6">收费项目</label>
+          <div class="col-sm-10">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_payment_term"
+                   :value="selectdata.f_payment_term"/>
+          </div>
+        </div>
+        <div class="col-sm-12 form-group">
+          <label class="control-label-justify control-label col-sm-6">集收单位</label>
+          <div class="col-sm-10">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_unit_name"
+                   :value="selectdata.f_unit_name"/>
+          </div>
+        </div>
+        <div class="col-sm-12 form-group">
+          <label class="control-label-justify control-label col-sm-6">地址</label>
+          <div class="col-sm-10">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_address"
+                   :value="selectdata.f_address"/>
+          </div>
+        </div>
+        <div class="col-sm-12 form-group">
+          <label class="control-label-justify control-label col-sm-6">报建备注</label>
+          <div class="col-sm-10">
+            <input class="form-control input_view" type="input" readonly
+                   v-model="selectdata.f_apply_remarks"
+                   :value="selectdata.f_apply_remarks"/>
+          </div>
+        </div>
+
+        <!-- 待安装 -->
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">施工项目部</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input"
+                   :readonly="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
+                   v-model="selectdata.f_construction_unit"
+                   :value="selectdata.f_construction_unit"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">施工负责人</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input"
+                   :readonly="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
+                   v-model="selectdata.f_construction_worker"
+                   :value="selectdata.f_construction_worker"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">施工完成时间</label>
+          <div class="col-sm-6">
+            <datepicker
+              :value.sync="selectdata.f_completion_time"
+              v-model="selectdata.f_completion_time"
+              :readonly="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
+              :disabled="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
+              :show-reset-button="true"
+            ></datepicker>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">表号</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input"
+                   :readonly="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
+                   v-model="selectdata.f_meternumber"
+                   :value="selectdata.f_meternumber"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">防盗卡号</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" type="input"
+                   :readonly="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
+                   v-model="selectdata.f_card_number"
+                   :value="selectdata.f_card_number"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group">
+          <label class="control-label-justify control-label col-sm-6">施工审核时间</label>
+          <div class="col-sm-6">
+            <datepicker
+              :value.sync="selectdata.f_construction_check_time"
+              v-model="selectdata.f_construction_check_time"
+              :readonly="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
+              :disabled="selectdata.f_sub_state !== '待安装' || type === 'monitor'"
+              :show-reset-button="true"
+            ></datepicker>
+          </div>
+        </div>
+
+        <!-- 待点火 -->
+        <template v-if="selectdata.f_sub_state !== '待安装' || type === 'monitor'">
+          <div class="col-sm-4 form-group">
+            <label class="control-label-justify control-label col-sm-6">计划通气时间</label>
+            <div class="col-sm-6">
+              <datepicker
+                :value.sync="selectdata.f_plan_date"
+                v-model="selectdata.f_plan_date"
+                :readonly="type === 'monitor'"
+                :disabled="type === 'monitor'"
+                :show-reset-button="true"
+              ></datepicker>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="control-label-justify control-label col-sm-6">计划气价名称</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="input"
+                     :readonly="type === 'monitor'"
+                     v-model="selectdata.f_gas_price_name"
+                     :value="selectdata.f_gas_price_name"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="control-label-justify control-label col-sm-6">计划通气备注</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="input"
+                     :readonly="type === 'monitor'"
+                     v-model="selectdata.f_remark_stask"
+                     :value="selectdata.f_remark_stask"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="control-label-justify control-label col-sm-6">通气日期</label>
+            <div class="col-sm-6">
+              <datepicker
+                :value.sync="selectdata.f_ventilate_date"
+                v-model="selectdata.f_ventilate_date"
+                :readonly="type === 'monitor'"
+                :disabled="type === 'monitor'"
+                :show-reset-button="true"
+              ></datepicker>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="control-label-justify control-label col-sm-6">通气备注</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="input"
+                     :readonly="type === 'monitor'"
+                     v-model="selectdata.f_gas_remarks"
+                     :value="selectdata.f_gas_remarks"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="control-label-justify control-label col-sm-6">验收人</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="input"
+                     :readonly="type === 'monitor'"
+                     v-model="selectdata.f_acceptor"
+                     :value="selectdata.f_acceptor"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="control-label-justify control-label col-sm-6">验收日期</label>
+            <div class="col-sm-6">
+              <datepicker
+                :value.sync="selectdata.f_acceptor_date"
+                v-model="selectdata.f_acceptor_date"
+                :readonly="type === 'monitor'"
+                :disabled="type === 'monitor'"
+                :show-reset-button="true"
+              ></datepicker>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="control-label-justify control-label col-sm-6">验收结果</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="input"
+                     :readonly="type === 'monitor'"
+                     v-model="selectdata.f_acceptance_is_qualified"
+                     :value="selectdata.f_acceptance_is_qualified"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="control-label-justify control-label col-sm-6">气价名称</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="input"
+                     :readonly="type === 'monitor'"
+                     v-model="selectdata.f_price_name"
+                     :value="selectdata.f_price_name"/>
+            </div>
+          </div>
+        </template>
+        <template v-if="selectdata.f_sub_state === '终止'">
+          <div class="col-sm-4 form-group">
+            <label class="control-label-justify control-label col-sm-6">终止原因</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="input" readonly
+                     v-model="selectdata.f_stop_reason"
+                     :value="selectdata.f_stop_reason"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="control-label-justify control-label col-sm-6">终止人员</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="input" readonly
+                     v-model="selectdata.f_stop_user"
+                     :value="selectdata.f_stop_user"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="control-label-justify control-label col-sm-6">终止时间</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="input" readonly
+                     v-model="selectdata.f_stop_date"
+                     :value="selectdata.f_stop_date"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group">
+            <label class="control-label-justify control-label col-sm-6">终止备注</label>
+            <div class="col-sm-10">
+              <input class="form-control input_view" type="input" readonly
+                     v-model="selectdata.f_stop_remarks"
+                     :value="selectdata.f_stop_remarks"/>
+            </div>
+          </div>
+        </template>
+      </div>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  title: '报装信息',
+  props: ['selectdata', 'type'],
+  data () {
+    return {
+    }
+  }
+}
+</script>
+<style>
+  .datepicker{
+    width: 100%!important;
+  }
+  .datepicker-input{
+    background-color: #ffffff!important;
+    width: 100%!important;
+  }
+  .datepicker-input:disabled{
+    border: 1px solid #DDD!important;
+    color: #ACA899!important;
+    width: 100%!important;
+  }
+</style>
+<style scoped>
+th{
+  font-size: 15px !important;
+  text-align: center !important;
+  background-color: #dfedfb!important;
+  color: #666666 !important;
+  font-family: PINGFANG-BOLD !important;
+  font-weight: normal!important;
+}
+/*清除model中的浮动*/
+.clearfix:after,.clearfix:before{
+  display: table;
+}
+.clearfix:after{
+  clear: both;
+}
+
+.input_view{
+  padding: 8px;
+  background-color: #ffffff;
+  border-radius: 2px;
+  border: solid 1px #c7c7c7!important;
+  color: #333333!important;
+  font-size: 15px!important;
+}
+
+.input_view[readonly]{
+  border: 1px solid #DDD!important;
+  color:#ACA899!important;
+}
+.input_view:disabled{
+  border: 1px solid #DDD!important;
+  color:#ACA899!important;
+}
+
+.control-label-justify {
+  display: inline-block;
+  vertical-align: top;
+  width: 110px;
+  text-align: justify;
+  font-family: PingFang-SC-Bold;
+}
+
+.control-label-justify::after {
+  content: "";
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  height: 0;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+
+input[type="number"] {
+  -moz-appearance: textfield;
+}
+</style>