apply-clients 3.0.4 → 3.0.5-ys

package/src/components/product/ProjectManagement/AddProjectSchedule.vue

@@ -0,0 +1,896 @@
+<template>
+  <div class="select-overspread" style="background-color: #ffffff;padding: 20px;overflow: scroll">
+    <validator name="v">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <div class="col-sm-4 form-group item" :class="[$v.f_orgname.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">所属公司</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_orgname" v-validate:f_orgname = "['required']" v-show="false">
+              <input-select
+                :disable="((org !== '重庆盛焰集团' || (org === '重庆盛焰集团' && deps !== '工程部')) && type != 'add') || type == 'view'"
+                class="select select_list"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_orgname"
+                v-model="contract.f_orgname"
+                :options="apply_org"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_project_name.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">工程项目名称</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_project_name" v-validate:f_project_name = "['required']" v-show="false">
+              <input
+                :disabled="((org !== '重庆盛焰集团' || (org === '重庆盛焰集团' && deps !== '工程部')) && type != 'add') || type == 'view'"
+                class="text"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_project_name"
+                v-model="contract.f_project_name"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_project_address.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">项目地点</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_project_address" v-validate:f_project_address = "['required']" v-show="false">
+              <input
+                :disabled="((org !== '重庆盛焰集团' || (org === '重庆盛焰集团' && deps !== '工程部')) && type != 'add') || type == 'view'"
+                class="text"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_project_address"
+                v-model="contract.f_project_address"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_project_content.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">市场部收费及派工内容</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_project_content" v-validate:f_project_content = "['required']" v-show="false">
+              <input
+                :disabled="((org !== '重庆盛焰集团' || (org === '重庆盛焰集团' && deps !== '工程部')) && type != 'add') || type == 'view'"
+                class="text"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_project_content"
+                v-model="contract.f_project_content"
+                :valueSingle="true"/>
+
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_project_unit.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">施工单位</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_project_unit" v-validate:f_project_unit = "['required']" v-show="false">
+              <input
+                :disabled="((org !== '重庆盛焰集团' || (org === '重庆盛焰集团' && deps !== '工程部')) && type != 'add') || type == 'view'"
+                class="text"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_project_unit"
+                v-model="contract.f_project_unit"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_project_state.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">项目状态</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_project_state" v-validate:f_project_state = "['required']" v-show="false">
+              <input-select
+                :disable="((org !== '重庆盛焰集团' || (org === '重庆盛焰集团' && deps !== '工程部')) && type != 'add') || type == 'view'"
+                class="select select_list"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_project_state"
+                v-model="contract.f_project_state"
+                :options="projectStatus"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_start_working_date.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">预计开工日期</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_start_working_date" v-validate:f_start_working_date = "['required']" v-show="false">
+              <datepicker
+                :disabled="((tp.f_start_working_date != '' && tp.f_start_working_date != null) && !(org == '重庆盛焰集团' && deps == '工程部') && (type == 'renew')) || type == 'view'"
+                :readonly="type === 'view'"
+                :click="getleadtime()"
+                :value.sync="contract.f_start_working_date"
+                format="yyyy-MM-dd"
+                v-model="contract.f_start_working_date">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_complete_working_date.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">预计完工日期</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_complete_working_date" v-validate:f_complete_working_date = "['required']" v-show="false">
+              <datepicker
+                :disabled="((tp.f_complete_working_date != '' && tp.f_complete_working_date != null) && !(org == '重庆盛焰集团' && deps == '工程部') && (type == 'renew')) || type == 'view'"
+                :click="getleadtime()"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_complete_working_date"
+                format="yyyy-MM-dd"
+                v-model="contract.f_complete_working_date">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_working_date.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">合同预计工期</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_working_date" v-validate:f_working_date = "['required']" v-show="false">
+              <input
+                class="text"
+                :disabled="true"
+                @input="select_change"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_working_date"
+                v-model="contract.f_working_date"
+                :valueSingle="true"/>
+            </div>
+          </div>
+
+
+
+
+          <div class="col-sm-4 form-group item" >
+            <label class="control-label-justify control-label col-sm-6">实际开工日期</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_start_practical_date"  v-show="false">
+              <datepicker
+                :readonly="type === 'view'"
+                :click="getleadtime()"
+                :disabled="((tp.f_start_practical_date != '' && tp.f_start_practical_date != null) && !(org == '重庆盛焰集团' && deps == '工程部') && (type == 'renew')) || type == 'view'"
+                :value.sync="contract.f_start_practical_date"
+                format="yyyy-MM-dd"
+                v-model="contract.f_start_practical_date">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">实际完工日期</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_complete_practical_date"  v-show="false">
+              <datepicker
+                :click="getleadtime()"
+                :readonly="type === 'view'"
+                :disabled="((tp.f_complete_practical_date != '' && tp.f_complete_practical_date != null) && !(org == '重庆盛焰集团' && deps == '工程部') && (type == 'renew')) || type == 'view'"
+                :value.sync="contract.f_complete_practical_date"
+                format="yyyy-MM-dd"
+                v-model="contract.f_complete_practical_date">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">实际工期</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_practical_date" v-show="false">
+              <input
+                class="text"
+                :disabled="true"
+                :readonly="type === 'view'"
+                @input="select_change"
+                :value.sync="contract.f_practical_date"
+                v-model="contract.f_practical_date"
+                :valueSingle="true"/>
+            </div>
+          </div>
+
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">已超过约定工期天数</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_overdue_date"  v-show="false">
+              <input
+                class="text"
+                :disabled="true"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_overdue_date"
+                v-model="contract.f_overdue_date"
+                :valueSingle="true"/>
+            </div>
+          </div>
+
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">中压管道（公里)</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_zhong_pipeline" v-show="false">
+              <input
+                class="text"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_zhong_pipeline"
+                v-model="contract.f_zhong_pipeline"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">低压管道</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_di_pipeline"  v-show="false">
+              <input
+                class="text"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_di_pipeline"
+                v-model="contract.f_di_pipeline"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">民用用户</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_civil_user"  v-show="false">
+              <input
+                class="text"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_civil_user"
+                v-model="contract.f_civil_user"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">工业用户</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_industrial_user"  v-show="false">
+              <input
+                class="text"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_industrial_user"
+                v-model="contract.f_industrial_user"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">商业用户</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_business_user"  v-show="false">
+              <input
+                class="text"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_business_user"
+                v-model="contract.f_business_user"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_investment_user.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">项目预计投资额（元）</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_investment_user" v-validate:f_investment_user = "['required']" v-show="false">
+              <input
+                class="text"
+                type="number"
+                :disabled="(org !== '重庆盛焰集团' || (org === '重庆盛焰集团' && deps !== '工程部')) && type === 'view'"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_investment_user"
+                v-model="contract.f_investment_user"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">项目是否办理工程结算</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_project_settlement" v-show="false">
+              <input-select
+                class="select select_list"
+                disable="((org !== '重庆盛焰集团' || (org === '重庆盛焰集团' && deps !== '工程部')) && type != 'add') || type == 'view'"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_project_settlement"
+                v-model="contract.f_project_settlement"
+                :options="projectsettlement"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">第1次支付（元）</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_first_payment"  v-show="false">
+              <input
+                class="text"
+                type="number"
+                :click="getpayment()"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_first_payment"
+                v-model="contract.f_first_payment"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">第2次支付（元）</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_second_payment" v-show="false">
+              <input
+                class="text"
+                type="number"
+                :readonly="type === 'view'"
+                :click="getpayment()"
+                :value.sync="contract.f_second_payment"
+                v-model="contract.f_second_payment"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">第3次支付（元）</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_third_payment"  v-show="false">
+              <input
+                class="text"
+                type="number"
+                :readonly="type === 'view'"
+                :click="getpayment()"
+                :value.sync="contract.f_third_payment"
+                v-model="contract.f_third_payment"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">累计付款（元）</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_total_payment"  v-show="false">
+              <input
+                class="text"
+                type="number"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_total_payment"
+                v-model="contract.f_total_payment"
+                :valueSingle="true"/>
+            </div>
+          </div>
+
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">剩余款项（元）</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_residual_balance"  v-show="false">
+              <input
+                class="text"
+                type="number"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_residual_balance"
+                v-model="contract.f_residual_balance"
+                :valueSingle="true"/>
+            </div>
+          </div>
+
+       <div class="col-sm-12 form-group">
+          <div class="col-sm-8 form-group item">
+            <label class="control-label-justify control-label col-sm-6">子公司意见反馈</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_ziorg_info"  v-show="false">
+              <input
+                class="text"
+                :disabled="((org == '重庆盛焰集团') || type == 'view')"
+                style="width: 600px;height: 35px"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_ziorg_info"
+                v-model="contract.f_ziorg_info"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">预计完成时间</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_ziorg_date"  v-show="false">
+              <datepicker
+                :disabled="((org == '重庆盛焰集团') || type == 'view')"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_ziorg_date"
+                format="yyyy-MM-dd"
+                v-model="contract.f_ziorg_date">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-8 form-group item">
+            <label class="control-label-justify control-label col-sm-6">总部工程部意见反馈</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_zong_gc_info"  v-show="false">
+              <input
+                class="text"
+                style="width: 600px;height: 35px"
+                :disabled="!(org === '重庆盛焰集团' && deps === '工程部') || type == 'view'"
+                :readonly="type == 'view'"
+                :value.sync="contract.f_zong_gc_info"
+                v-model="contract.f_zong_gc_info"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">预计完成时间</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_ziorg_gc_date"  v-show="false">
+              <datepicker
+                :readonly="type === 'view'"
+                :disabled="!(org === '重庆盛焰集团' && deps === '工程部') || type == 'view'"
+                :value.sync="contract.f_ziorg_gc_date"
+                format="yyyy-MM-dd"
+                v-model="contract.f_ziorg_gc_date">
+              </datepicker>
+            </div>
+          </div>
+         <div class="col-sm-8 form-group item">
+           <label class="control-label-justify control-label col-sm-6">总部市场部意见反馈</label>
+           <div class="col-sm-6">
+             <input type="text" v-model="contract.f_zong_sc_info"  v-show="false">
+             <input
+               class="text"
+               style="width: 600px;height: 35px"
+               :disabled="!(org === '重庆盛焰集团' && deps === '市场部') || type == 'view'"
+               :readonly="type == 'view'"
+               :value.sync="contract.f_zong_sc_info"
+               v-model="contract.f_zong_sc_info"
+               :valueSingle="true"/>
+           </div>
+         </div>
+         <div class="col-sm-4 form-group item">
+           <label class="control-label-justify control-label col-sm-6">预计完成时间</label>
+           <div class="col-sm-6">
+             <input type="text" v-model="contract.f_ziorg_sc_date"  v-show="false">
+             <datepicker
+               :readonly="type === 'view'"
+               :disabled="!(org === '重庆盛焰集团' && deps === '市场部') || type == 'view'"
+               :value.sync="contract.f_ziorg_sc_date"
+               format="yyyy-MM-dd"
+               v-model="contract.f_ziorg_sc_date">
+             </datepicker>
+           </div>
+         </div>
+          <div class="col-sm-8 form-group item">
+            <label class="control-label-justify control-label col-sm-6">总部物资部意见反馈</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_zong_wz_info"  v-show="false">
+              <input
+                class="text"
+                style="width: 600px;height: 35px"
+                :disabled="!((org === '重庆盛焰集团' && deps === '物资部')) || type == 'view'"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_zong_wz_info"
+                v-model="contract.f_zong_wz_info"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">预计完成时间</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_zong_wz_date"  v-show="false">
+              <datepicker
+                :disabled="!((org === '重庆盛焰集团' && deps === '物资部')) || type == 'view'"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_zong_wz_date"
+                format="yyyy-MM-dd"
+                v-model="contract.f_zong_wz_date">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-8 form-group item">
+            <label class="control-label-justify control-label col-sm-6">总部设计部意见反馈</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_zong_sj_info"  v-show="false">
+              <input
+                class="text"
+                :disabled="!((org === '重庆盛焰集团' && deps === '设计部')) || type == 'view'"
+                style="width: 600px;height: 35px"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_zong_sj_info"
+                v-model="contract.f_zong_sj_info"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">预计完成时间</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_zong_sj_date"  v-show="false">
+              <datepicker
+                :disabled="!((org === '重庆盛焰集团' && deps === '设计部')) || type == 'view'"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_zong_sj_date"
+                format="yyyy-MM-dd"
+                v-model="contract.f_zong_sj_date">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-8 form-group item">
+            <label class="control-label-justify control-label col-sm-6">总部运营部意见反馈</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_zong_yy_info"  v-show="false">
+              <input
+                class="text"
+                :disabled.sync="!((org === '重庆盛焰集团' && deps === '运营部') ) || type == 'view'"
+                style="width: 600px;height: 35px"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_zong_yy_info"
+                v-model="contract.f_zong_yy_info"
+                :valueSingle="true"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">预计完成时间</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_zong_yy_date"  v-show="false">
+              <datepicker
+                :disabled="!((org === '重庆盛焰集团' && deps === '运营部') ) || type == 'view'"
+                :readonly="type === 'view'"
+                :value.sync="contract.f_zong_yy_date"
+                format="yyyy-MM-dd"
+                v-model="contract.f_zong_yy_date">
+              </datepicker>
+            </div>
+          </div>
+       </div>
+        <div v-if="type != 'view'">
+        <apply-upload :blodid="contract.f_process_id"
+                      :isupload = "true"
+                      :isdelete="true"
+                      :isusetype="true"
+                      :isremark = "true"
+                      :takeimg="false"
+                      :issearch="true"
+                      :defname="工程进度">
+        </apply-upload>
+        </div>
+        <div v-if="type === 'view'">
+          <apply-upload :blodid="contract.f_process_id"
+                        :isupload = "false"
+                        :isdelete="false"
+                        :isusetype="true"
+                        :isremark = "true"
+                        :takeimg="false"
+                        :issearch="true"
+                        :defname="工程进度">
+          </apply-upload>
+        </div>
+          <div class="col-sm-12 form-group" style="text-align: center">
+            <button class="btn btn-primary" v-if="type === 'add'" @click.prevent="addProject()" :disabled='!($v.valid)'>保存</button>
+            <button class="btn btn-primary" v-if="type === 'renew'" @click.prevent="renewContract()" :disabled='!($v.valid)'>修改</button>
+          </div>
+        </div>
+      </form>
+    </validator>
+    <data-grid v-if="type==='view'"  :model="changemessage" partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
+      <template partial='head'>
+        <tr>
+          <th style="white-space: nowrap;">变更内容</th>
+          <th style="white-space: nowrap;">变更前</th>
+          <th style="white-space: nowrap;">变更后</th>
+          <th style="white-space: nowrap;">状态</th>
+          <th style="white-space: nowrap;">操作人</th>
+          <th style="white-space: nowrap;">操作时间</th>
+        </tr>
+      </template>
+      <template partial='body'>
+        <tr >
+          <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;">
+            <nobr><font>{{row.f_change_content}}</font></nobr>
+          </td>
+          <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;">
+            <nobr><font>{{row.f_old_content}}</font></nobr>
+          </td>
+          <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;">
+            <nobr><font>{{row.f_new_content}}</font></nobr>
+          </td>
+          <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;">
+            <nobr><font>{{row.f_change_state}}</font></nobr>
+          </td>
+          <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;">
+            <nobr><font>{{row.f_change_name}}</font></nobr>
+          </td>
+          <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;">
+            <nobr><font>{{row.f_change_date}}</font></nobr>
+          </td>
+        </tr>
+      </template>
+    </data-grid>
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass, PagedList} from 'vue-client'
+  import {getNowDate,isEmpty} from '../../Util'
+  // Date格式化
+  Date.prototype.Format = function (fmt) {
+    var o = {
+      'M+': this.getMonth() + 1, // 月份
+      'd+': this.getDate(), // 日
+      'H+': this.getHours(), // 小时
+      'm+': this.getMinutes(), // 分
+      's+': this.getSeconds(), // 秒
+      'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
+      'S': this.getMilliseconds() // 毫秒
+    }
+    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length))
+    for (var k in o) {
+      if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
+    }
+    return fmt
+  }
+  export default {
+    props: ['contract', 'type'],
+    title: '合同信息',
+    data () {
+      return {
+        model: {
+          data: []
+        },
+        projectStatus: [{label: '全部', value: ''}, ...this.$appdata.getParam('项目状态')],
+        projectsettlement: [{label: '全部', value: ''}, {label: '是', value: '是'},{label: '否',value: '否'}],
+        // projectStatus: [{label: '全部', value: ''}, {label: '完工项目', value: '完工项目'},{label: '在建项目',value: '在建项目'},{label: '未建项目', value: '未建项目'},{label: '停工项目',value: '停工项目'},{label: '市场已立项未动工',value: '市场已立项未动工'}],
+        showModal: false,
+        material: {},
+        old:{},
+        newzhi:{},
+        oldzhi:{},
+        org: this.$login.f.orgs,
+        deps: this.$login.f.deps,
+        ziduan:{},
+        facility: {},
+        completedate:"",
+        index: null,
+        showFile: false,
+        apply_org: [],
+        tp: {
+
+        },
+        changemessage: {
+          rows: []
+        }
+      }
+    },
+    ready () {
+      this.getOrgName()
+      this.$set('tp',Object.assign({},this.tp,this.contract))
+      if(this.type==='view'){
+        this.$resetpost(
+          `gongcheng/rs/sql/changeMessage`,
+          {data: this.contract},
+          {resolveMsg: null,rejectMsg: '查询失败！！！'}
+        ).then((res) => {
+          this.changemessage.rows = res.data
+        })
+      }
+    },
+    methods: {
+      async getpayment(){
+        debugger
+        if(this.contract.f_first_payment !=null && this.contract.f_second_payment !=null&&this.contract.f_third_payment !=null){
+          const leiji=parseFloat(parseFloat(this.contract.f_first_payment)+parseFloat(this.contract.f_second_payment)+parseFloat(this.contract.f_third_payment)).toFixed(2)
+          this.$set(`contract.f_total_payment`,leiji)
+        }
+      },
+      async getleadtime() {
+        debugger
+        //计算预计工期
+        if(this.contract.f_start_working_date !=null && this.contract.f_complete_working_date !=null){
+        console.log("hhhh")
+          let startdate=new Date(this.contract.f_start_working_date)
+          const  beforeyear=startdate.getFullYear()
+          const  beforeMonth=startdate.getMonth()
+          const  beforeDate=startdate.getDate()
+          let completedate=new Date(this.contract.f_complete_working_date)
+          const  completeyear=completedate.getFullYear()
+          const  completeMonth=completedate.getMonth()
+          const  completeDate=completedate.getDate()
+          debugger
+       const leadtime=(completeyear-beforeyear)*365 + (completeMonth-beforeMonth)*30 + (completeDate-beforeDate)
+      console.log("打印时间差",leadtime)
+          this.$set(`contract.f_working_date`,leadtime)
+          console.log("打印时间差",this.contract.f_working_date)
+          //当没有实际时间时 与系统时间算
+          let nowdata = new Date()
+          const  nowyear=nowdata.getFullYear()
+          const  nowMonth=nowdata.getMonth()
+          const  nowDate=nowdata.getDate()
+          debugger
+          const leadcstime=(nowyear-completeyear)*365 + (nowMonth-completeMonth)*30 + (nowDate-completeDate)
+          if(leadcstime>=0){
+            this.$set(`contract.f_overdue_date`,leadcstime)
+          }
+          //当有实际时间时 与实际时间算
+          if(this.contract.f_start_working_date !=null && this.contract.f_complete_working_date !=null &&this.contract.f_start_practical_date !=null && this.contract.f_complete_practical_date !=null){
+            debugger
+            //计算已超过实际工期天数
+            if(this.contract.f_working_date !=null && this.contract.f_practical_date !=null){
+              debugger
+              const cha=this.contract.f_practical_date-this.contract.f_working_date
+              if(cha>=0){
+                this.$set(`contract.f_overdue_date`,cha)
+              }else{
+                this.$set(`contract.f_overdue_date`,0)
+              }
+
+
+            }
+          }
+        }
+        //计算实际工期
+        if(this.contract.f_start_practical_date !=null && this.contract.f_complete_practical_date !=null){
+          console.log("hhhh")
+          let startdate=new Date(this.contract.f_start_practical_date)
+          const  beforeyear=startdate.getFullYear()
+          const  beforeMonth=startdate.getMonth()
+          const  beforeDate=startdate.getDate()
+          let completedate=new Date(this.contract.f_complete_practical_date)
+          const  completeyear=completedate.getFullYear()
+          const  completeMonth=completedate.getMonth()
+          const  completeDate=completedate.getDate()
+          debugger
+          const leadtime=(completeyear-beforeyear)*365 + (completeMonth-beforeMonth)*30 + (completeDate-beforeDate)
+          console.log("打印时间差",leadtime)
+          this.$set(`contract.f_practical_date`,leadtime)
+          console.log("打印时间差",this.contract.f_practical_date)
+        }
+        if(!this.contract.f_practical_date ){
+          this.$set(`contract.f_practical_date`,0)
+        }
+        if(!this.contract.f_working_date){
+          this.$set(`contract.f_working_date`,0)
+        }
+        },
+
+
+      // 获取所有组织名称
+      async getOrgName() {
+        console.log("打印公司",this.$login.f.orgs)
+        debugger
+        let http = new HttpResetClass()
+        let org = this.$login.f.orgs === '重庆盛焰集团' || this.$login.f.orgs === '湖南燎原燃气有限公司' ? " 1 = 1" : " name = '" + this.$login.f.orgs + "'"
+        let data = {
+          tablename: 't_organization',
+          condition: " name != '组织机构' and " + org
+        }
+        let res = await http.load('POST','gongcheng/rs/sql/applysingleTable',{data:data}, {
+          resolveMsg: null,
+          rejectMsg: '获取公司名称失败'
+        })
+        for (let i = 0; i < res.data.length; i++) {
+          //  所属公司
+          let data1 = []
+          let array1 = []
+          data1 = res.data.map(item => {
+            return item.name;
+          })
+          for (let q = 0; q < data1.length; q++) {
+            let arraydata = {
+              'label': data1[q],
+              'value': data1[q]
+            }
+            debugger
+            if (array1.length != 0) {
+              for (let w = 0; w < array1.length; w++) {
+                if (array1[w].label == data1[q]) {
+                  break
+                }
+                while (w == array1.length - 1) {
+                  array1.push(arraydata)
+                  break
+                }
+              }
+            } else {
+              debugger
+              array1.push(arraydata)
+            }
+          }
+          this.apply_org = array1
+        }
+      },
+      closeFile () {
+        this.showFile = false
+        // 将选的文件清空
+        this.$refs.file.$el.querySelector('input').value = ''
+      },
+      //修改项目
+      async renewContract () {
+        let data = {
+          contract: this.contract,
+          data: this.model.data,
+        }
+        let res = await this.$resetpost(
+          `gongcheng/rs/logic/changeMessage`,
+          {data: this.contract},
+          {resolveMsg: null,rejectMsg: '保存失败！！！'}
+        )
+        this.$dispatch('renewContract', data)
+      },
+      // 打开修改
+      openUpdate (index, row) {
+        this.index = index
+        this.material = JSON.parse(JSON.stringify(row))
+        this.facility = JSON.parse(JSON.stringify(row))
+
+        this.showModal = true
+      },
+      // 删除
+      async delete (index) {
+        this.index = index
+        await this.$showMessage('您确定要删除这条记录吗？').then((res) => {
+          if (res === 'confirm') {
+            this.model.data.splice(this.index, 1)
+          }
+        })
+        this.closeModal()
+      },
+      // 保存或修改
+      saveOrUpdate (i) {
+        this.closeModal()
+      },
+      // 关闭模态框
+      closeModal () {
+        this.showModal = false
+        this.material = {}
+        this.facility = {}
+        this.index = null
+      },
+      // 添加项目
+      addProject () {
+        let data = {
+          contract: this.contract,
+          data: this.model.data
+        }
+        this.$dispatch('addProject', data)
+      },
+    },
+    events: {
+    },
+    computed: {
+    }
+  }
+</script>
+
+<style scoped>
+  .item{
+    height: 40px;
+    margin-bottom: 20px;
+  }
+
+  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;
+    /*background-color: #F5F5F5;*/
+    color:#ACA899!important;
+  }
+  .input_view:disabledd{
+    border: 1px solid #DDD!important;
+    /*background-color: #F5F5F5;*/
+    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: 70px;
+    overflow: hidden;
+    height: 0;
+  }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+
+  input[type="number"] {
+    -moz-appearance: textfield;
+  }
+</style>