apply-clients 3.2.36 → 3.2.49

package/src/components/product/ServiceView.vue

@@ -82,8 +82,8 @@
 
             <!--radio-->
             <div :style="item.style ? item.style+';height: 40px;margin-bottom: 20px':'height: 40px;margin-bottom: 20px'"
-                 v-if="item.type==='radio' && !item.hidden && (item.device === 'pc' || !item.device)"
-                 :class="[item.required && !(item.value) ? 'has-error' : '',item.bootstraped?item.bootstraped+' form-group':'col-sm-12 form-group']">
+              v-if="item.type==='radio' && !item.hidden && (item.device === 'pc' || !item.device)"
+              :class="[item.required && !(item.value) ? 'has-error' : '',item.bootstraped?item.bootstraped+' form-group':'col-sm-12 form-group']">
               <label v-if="item.label"
                      :class="item.label_bootstraped?item.label_bootstraped+' control-label-justify control-label':'control-label-justify control-label col-sm-2'">{{item.label}}</label>
               <div
@@ -129,8 +129,8 @@
 
             <!--checkbox-->
             <div :style="item.style ? item.style+';height: 40px;margin-bottom: 20px':'height: 40px;margin-bottom: 20px'"
-                 v-if="item.type==='checkbox' && !item.hidden && (item.device === 'pc' || !item.device)"
-                 :class="[item.required&&!(item.value) ? 'has-error' : '',item.bootstraped?item.bootstraped+' form-group':'col-sm-12 form-group']">
+              v-if="item.type==='checkbox' && !item.hidden && (item.device === 'pc' || !item.device)"
+              :class="[item.required&&!(item.value) ? 'has-error' : '',item.bootstraped?item.bootstraped+' form-group':'col-sm-12 form-group']">
               <label v-if="item.label"
                      :class="item.label_bootstraped?item.label_bootstraped+' control-label ':'control-label col-sm-2'">{{item.label}}</label>
               <div style="margin-top: 6px"
@@ -145,7 +145,7 @@
         </div>
         <!-- onetomany -->
         <div class="" v-for="(i,item) in data.onetomany" style="overflow:auto;width:100%">
-          <table v-show="!item.hidden" class="table table-bordered table-striped table-hover" style="white-space:nowrap">
+          <table v-if="!item.hidden" class="table table-bordered table-striped table-hover" style="white-space:nowrap">
             <tr>
               <th>序号</th>
               <th v-for="field in item.fields" v-if="!field.displayPosition || field.displayPosition === '*' || field.displayPosition === 'list'">
@@ -239,7 +239,7 @@
       </header>
       <article slot="modal-body" class="modal-body clearfix">
         <div
-          :class="[item.required&&!(item.value) ? 'has-error' : '',item.bootstraped?item.bootstraped:'col-sm-12']"
+          :class="[item.required&&!(item.value) ? 'has-error' : '',item.bootstraped?item.bootstraped:'col-sm-12 form-group']"
           v-for="(index,item) in data.onetomany[onetomany_index].fields" v-if="!item.displayPosition || item.displayPosition === '*' || item.displayPosition === 'from'">
           <label v-show="!item.hidden" :class="item.label_bootstraped ? item.label_bootstraped + ' control-label' : 'control-label col-sm-3'" style="margin-top: 10px">{{item.label}}：</label>
           <div :class="item.value_bootstraped ? item.value_bootstraped : 'col-sm-7'" v-show="!item.hidden">
@@ -332,428 +332,430 @@
   </div>
 </template>
 <script>
-import Vue from 'vue'
-// 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)))
+  import Vue from 'vue'
+  // 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
   }
-  return fmt
-}
 
-export default {
-  title: '报建业务通用组件',
-  props: {
-    data: {
-      type: Object
+  export default {
+    title: '报建业务通用组件',
+    props: {
+      data: {
+        type: Object
+      },
+      showprint: {
+        type: Boolean,
+        default: true
+      }
     },
-    showprint: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data () {
-    return {
-      model: {}, // 公司等属性
-      disable_button: true, // 控制按钮禁用
-      show: false, // 控制onetomany模态框
-      disable_button_onetomany: true, // 控制onetomany模态框按钮
-      onetomany_index: null, // 当前选择的下标
-      update_onetomany_index: null, // 当前需要修改的下标
-      modeltitle: null, // 模态框标题
-      modalSize: null, // 模态框大小
-      showbutmodal: false,
-    }
-  },
-  watch: {
-    deep: true
-  },
-  computed: {
-
-  },
-  created () {
-    // 初始化数据
-    this.initializtion()
-    this.$dispatch('initializtionView')
-  },
-  methods: {
-    // 按钮模态框确定
-    confirm_but_modal() {
-      for (const item of this.data.buttons[this.model.button.button_index].button_fields) {
-        this.model.button.button_fields[item.field] = item.value
+    data () {
+      return {
+        model: {}, // 公司等属性
+        disable_button: true, // 控制按钮禁用
+        show: false, // 控制onetomany模态框
+        disable_button_onetomany: true, // 控制onetomany模态框按钮
+        onetomany_index: null, // 当前选择的下标
+        update_onetomany_index: null, // 当前需要修改的下标
+        modeltitle: null, // 模态框标题
+        modalSize: null, // 模态框大小
+        showbutmodal: false,
+
       }
-      this.showbutmodal = false
-      this.disable_button_but = true
-      this.$dispatch('button', this.model)
     },
-    // 点击按钮组按钮
-    async clicked(index, button) {
-      this.disable_button = true
-      // 组织model.fields数据
-      for (const item of this.data.fields) {
-        // checkbox特殊处理
-        if (item.type === 'checkbox') {
-          for (let j = 0; j < item.items.length; j++) {
-            this.model[item.items[j].field] = item.items[j].value
+    watch: {
+      deep: true
+    },
+    computed: {
+
+    },
+    created () {
+      // 初始化数据
+      this.initializtion()
+      this.$dispatch('initializtionView')
+    },
+    methods: {
+      // 按钮模态框确定
+      confirm_but_modal() {
+        for (const item of this.data.buttons[this.model.button.button_index].button_fields) {
+          this.model.button.button_fields[item.field] = item.value
+        }
+        this.showbutmodal = false
+        this.disable_button_but = true
+        this.$dispatch('button', this.model)
+      },
+
+      // 点击按钮组按钮
+      async clicked(index, button) {
+        this.disable_button = true
+        // 组织model.fields数据
+        for (const item of this.data.fields) {
+          // checkbox特殊处理
+          if (item.type === 'checkbox') {
+            for (let j = 0; j < item.items.length; j++) {
+              this.model[item.items[j].field] = item.items[j].value
+            }
+          } else {
+            this.model[item.field] = item.value
           }
-        } else {
-          this.model[item.field] = item.value
         }
-      }
-      this.model.f_process_id = this.data.f_process_id
+        this.model.f_process_id = this.data.f_process_id
 
-      // 初始化model.button数据
-      let buttondatas = {
-        button_fields: {}
-      }
-      buttondatas.button_name = button.button_name
-      buttondatas.button_index = index
-      if (button.button_fields) {
-        for (const item of button.button_fields) {
-          buttondatas.button_fields[item.field] = item.value
+        // 初始化model.button数据
+        let buttondatas = {
+          button_fields: {}
         }
-      }
-      this.model.button = buttondatas
-      this.model.title = this.data.title
-      this.model.fields = this.data.fields
-      this.model.onetomany = this.data.onetomany
+        buttondatas.button_name = button.button_name
+        buttondatas.button_index = index
+        if (button.button_fields) {
+          for (const item of button.button_fields) {
+            buttondatas.button_fields[item.field] = item.value
+          }
+        }
+        this.model.button = buttondatas
+        this.model.title = this.data.title
+        this.model.fields = this.data.fields
+        this.model.onetomany = this.data.onetomany
 
 
-      if (button.button_name === '退回') {
-        this.showbutmodal = true
-      } else if (button.button_name === '下发') {
-        this.showbutmodal = true
-      } else {
-        this.$dispatch('button', this.model)
-      }
-    },
-    // 初始化数据
-    initializtion () {
-      // 是否禁用按钮
-      this.disableButton()
+        if (button.button_name === '退回') {
+          this.showbutmodal = true
+        } else if (button.button_name === '下发') {
+          this.showbutmodal = true
+        } else {
+          this.$dispatch('button', this.model)
+        }
+      },
+      // 初始化数据
+      initializtion () {
+        // 是否禁用按钮
+        this.disableButton()
 
-      // 公司等属性初始化
-      if (this.data.filiale) {
-        this.model.f_filiale = this.data.filiale
-      } else {
-        this.model.f_filiale = this.$login.f.orgs
-      }
-      if (this.data.f_parentname) {
-        this.model.f_parentname = this.data.f_parentname
-      } else {
-        this.model.f_parentname = this.$login.f.f_department_name
-      }
-      if (this.data.operate_date) {
-        this.model.f_operate_date = this.data.operate_date
-      } else {
-        this.model.f_operate_date = new Date().Format('yyyy-MM-dd')
-      }
-      if (this.data.operator) {
-        this.model.f_operator = this.data.operator
-      } else {
-        this.model.f_operator = this.$login.f.name
-      }
-    },
-    // 是否禁用按钮
-    disableButton () {
-      let fields = this.data.fields
-
-      let flag = false
-      for (const item of fields) {
-        if (item.type !== 'checkbox' && item.required && !item.value) {
-          if (item.value === 0) {
-            flag = false
-          } else {
+        // 公司等属性初始化
+        if (this.data.filiale) {
+          this.model.f_filiale = this.data.filiale
+        } else {
+          this.model.f_filiale = this.$login.f.orgs
+        }
+        if (this.data.f_parentname) {
+          this.model.f_parentname = this.data.f_parentname
+        } else {
+          this.model.f_parentname = this.$login.f.f_department_name
+        }
+        if (this.data.operate_date) {
+          this.model.f_operate_date = this.data.operate_date
+        } else {
+          this.model.f_operate_date = new Date().Format('yyyy-MM-dd')
+        }
+        if (this.data.operator) {
+          this.model.f_operator = this.data.operator
+        } else {
+          this.model.f_operator = this.$login.f.name
+        }
+      },
+      // 是否禁用按钮
+      disableButton () {
+        let fields = this.data.fields
+
+        let flag = false
+        for (const item of fields) {
+          if (item.type !== 'checkbox' && item.required && !item.value) {
+            if (item.value === 0) {
+              flag = false
+            } else {
+              flag = true
+            }
+          }
+          // 任何选择框只要是否都不能提交
+          if (item.type === 'select' && item.value === '否' && item.disabledButton) {
             flag = true
           }
         }
-        // 任何选择框只要是否都不能提交
-        if (item.type === 'select' && item.value === '否' && item.disabledButton) {
-          flag = true
-        }
-      }
 
-      let count = 0
-      for (const item of fields) {
-        if (item.type !== 'checkbox' && item.required) {
-          count++
+        let count = 0
+        for (const item of fields) {
+          if (item.type !== 'checkbox' && item.required) {
+            count++
+          }
+        }
+        if (count === 0) {
+          flag = false
         }
-      }
-      if (count === 0) {
-        flag = false
-      }
 
-      this.disable_button = flag
-    },
-    // 失去焦点触发，无论值是否发生变化
-    onblur (index) {
-      // 是否禁用按钮
-      this.disableButton()
+        this.disable_button = flag
+      },
+      // 失去焦点触发，无论值是否发生变化
+      onblur (index) {
+        // 是否禁用按钮
+        this.disableButton()
 
-      this.$dispatch('onblur', index)
-      // 如果有错误信息提示走错误信息判断处理
+        this.$dispatch('onblur', index)
+        // 如果有错误信息提示走错误信息判断处理
 
-      if (this.data.fields[index].error || this.data.fields[index].type === 'datepicker') {
-        this.$dispatch('error_check', index)
-      }
-    },
-    // 失去焦点且值最终发生变化触发
-    async onchange (index) {
-      // 是否禁用按钮
-      this.disableButton()
+        if (this.data.fields[index].error || this.data.fields[index].type === 'datepicker') {
+          this.$dispatch('error_check', index)
+        }
+      },
+      // 失去焦点且值最终发生变化触发
+      async onchange (index) {
+        // 是否禁用按钮
+        this.disableButton()
 
-      this.data.fields[index].value = this.data.fields[index].value.trim()
+        this.data.fields[index].value = this.data.fields[index].value.trim()
 
-      if (this.data.fields[index].prefix && this.data.fields[index].value !== '') {
-        this.data.fields[index].value = this.data.fields[index].prefix + this.data.fields[index].value
-      }
+        if (this.data.fields[index].prefix && this.data.fields[index].value !== '') {
+          this.data.fields[index].value = this.data.fields[index].prefix + this.data.fields[index].value
+        }
 
-      this.data[this.data.fields[index].field] = this.data.fields[index].value
+        this.data[this.data.fields[index].field] = this.data.fields[index].value
 
-      await this.$dispatch('onchange', index)
+        await this.$dispatch('onchange', index)
 
-      // 如果有错误信息提示走错误信息判断处理
-      if (this.data.fields[index].error || this.data.fields[index].type === 'datepicker') {
-        this.$dispatch('error_check', index)
-      }
-    },
-    oninput (index) {
-      // 是否禁用按钮
-      this.disableButton()
+        // 如果有错误信息提示走错误信息判断处理
+        if (this.data.fields[index].error || this.data.fields[index].type === 'datepicker') {
+          this.$dispatch('error_check', index)
+        }
+      },
+      oninput (index) {
+        // 是否禁用按钮
+        this.disableButton()
 
-      this.$dispatch('oninput', index)
+        this.$dispatch('oninput', index)
 
-      // 如果有错误信息提示走错误信息判断处理
-      if (this.data.fields[index].error || this.data.fields[index].type === 'datepicker') {
-        this.$dispatch('error_check', index)
-      }
-    },
-    // 模态框确认按钮
-    confirm_modal (title) {
-      if (title === '新增') {
-        if (this.data.onetomany[this.onetomany_index].addEvent === 'default' || !this.data.onetomany[this.onetomany_index].addEvent) {
-          this.$dispatch('onetomanyadd', this.onetomany_index)
-        } else {
-          this.$dispatch(this.data.onetomany[this.onetomany_index].addEvent, this.onetomany_index)
+        // 如果有错误信息提示走错误信息判断处理
+        if (this.data.fields[index].error || this.data.fields[index].type === 'datepicker') {
+          this.$dispatch('error_check', index)
         }
-      } else {
-        if (this.data.onetomany[this.onetomany_index].updateEvent === 'default' || !this.data.onetomany[this.onetomany_index].updateEvent) {
-          this.$dispatch('onetomanyupdate', this.onetomany_index, this.update_onetomany_index)
+      },
+      // 模态框确认按钮
+      confirm_modal (title) {
+        if (title === '新增') {
+          if (this.data.onetomany[this.onetomany_index].addEvent === 'default' || !this.data.onetomany[this.onetomany_index].addEvent) {
+            this.$dispatch('onetomanyadd', this.onetomany_index)
+          } else {
+            this.$dispatch(this.data.onetomany[this.onetomany_index].addEvent, this.onetomany_index)
+          }
         } else {
-          this.$dispatch(this.data.onetomany[this.onetomany_index].updateEvent, this.onetomany_index, this.update_onetomany_index)
+          if (this.data.onetomany[this.onetomany_index].updateEvent === 'default' || !this.data.onetomany[this.onetomany_index].updateEvent) {
+            this.$dispatch('onetomanyupdate', this.onetomany_index, this.update_onetomany_index)
+          } else {
+            this.$dispatch(this.data.onetomany[this.onetomany_index].updateEvent, this.onetomany_index, this.update_onetomany_index)
+          }
         }
-      }
 
-      this.closemodal()
-    },
-    // 删除
-    delete (i, j) {
-      this.$showMessage((this.data.onetomany[i].deleteMessage === 'default' || !this.data.onetomany[i].deleteMessage) ? '您确定要删除这条记录吗？' : this.data.onetomany[i].deleteMessage, ['confirm']).then((res) => {
-        if (res === 'confirm') {
-          if (this.data.onetomany[i].deleteEvent === 'default' || !this.data.onetomany[i].deleteEvent) {
-            this.$dispatch('onetomanydelete', i, j)
-          } else {
-            this.$dispatch(this.data.onetomany[i].deleteEvent, i, j)
+        this.closemodal()
+      },
+      // 删除
+      delete (i, j) {
+        this.$showMessage((this.data.onetomany[i].deleteMessage === 'default' || !this.data.onetomany[i].deleteMessage) ? '您确定要删除这条记录吗？' : this.data.onetomany[i].deleteMessage, ['confirm']).then((res) => {
+          if (res === 'confirm') {
+            if (this.data.onetomany[i].deleteEvent === 'default' || !this.data.onetomany[i].deleteEvent) {
+              this.$dispatch('onetomanydelete', i, j)
+            } else {
+              this.$dispatch(this.data.onetomany[i].deleteEvent, i, j)
+            }
+          }
+        })
+      },
+      // 修改
+      update (i, j) {
+        let onetomany = this.data.onetomany[i]
+        let item = this.data.onetomany[i].rows[j]
+        let count = 0
+        for (let k = 0; k < onetomany.fields.length; k++) {
+          // 防止初始化的时候没有value
+          Vue.set(this.data.onetomany[i].fields[k], 'value', item[this.data.onetomany[i].fields[k].field])
+
+          if (onetomany.fields[j].required) {
+            count++
           }
         }
-      })
-    },
-    // 修改
-    update (i, j) {
-      let onetomany = this.data.onetomany[i]
-      let item = this.data.onetomany[i].rows[j]
-      let count = 0
-      for (let k = 0; k < onetomany.fields.length; k++) {
-        // 防止初始化的时候没有value
-        Vue.set(this.data.onetomany[i].fields[k], 'value', item[this.data.onetomany[i].fields[k].field])
-
-        if (onetomany.fields[j].required) {
-          count++
+        if (count === 0) {
+          this.disable_button_onetomany = false
+        }
+        this.modeltitle = '修改'
+        this.modalSize = this.data.onetomany[i].modalSize
+        this.onetomany_index = i
+        this.update_onetomany_index = j
+
+        this.$dispatch('openUpdateModel',i,j)
+
+        this.show = true
+      },
+      // 添加
+      add (index) {
+        let count = 0
+        for (const item of this.data.onetomany[index].fields) {
+          if (item.type === 'datepicker' && !item.value && item.default) {
+            item.value = new Date().Format('yyyy-MM-dd')
+          }
+          if (item.required) {
+            count++
+          }
         }
-      }
-      if (count === 0) {
-        this.disable_button_onetomany = false
-      }
-      this.modeltitle = '修改'
-      this.modalSize = this.data.onetomany[i].modalSize
-      this.onetomany_index = i
-      this.update_onetomany_index = j
-
-      this.$dispatch('openUpdateModel',i,j)
 
-      this.show = true
-    },
-    // 添加
-    add (index) {
-      let count = 0
-      for (const item of this.data.onetomany[index].fields) {
-        if (item.type === 'datepicker' && !item.value && item.default) {
-          item.value = new Date().Format('yyyy-MM-dd')
+        if (count === 0) {
+          this.disable_button_onetomany = false
         }
-        if (item.required) {
-          count++
+        this.modeltitle = '新增'
+        this.modalSize = this.data.onetomany[index].modalSize
+        this.onetomany_index = index
+
+        this.$dispatch('openAddModel',index)
+
+        this.show = true
+      },
+      // 关闭模态框
+      closemodal (val) {
+        if (val === 'but'){
+          this.disableButton()
+          this.showbutmodal = false
+          return
         }
-      }
-
-      if (count === 0) {
-        this.disable_button_onetomany = false
-      }
-      this.modeltitle = '新增'
-      this.modalSize = this.data.onetomany[index].modalSize
-      this.onetomany_index = index
-
-      this.$dispatch('openAddModel',index)
-
-      this.show = true
-    },
-    // 关闭模态框
-    closemodal (val) {
-      if (val === 'but'){
-        this.disableButton()
-        this.showbutmodal = false
-        return
-      }
-      for (const item of this.data.onetomany[this.onetomany_index].fields) {
-        item.value = ''
-      }
-      this.show = false
-      this.disable_button_onetomany = true
-      this.onetomany_index = null
-      this.update_onetomany_index = null
-      this.modeltitle = null
-      this.modalSize = null
-    },
-    // 是否禁用模态框按钮
-    disableModalButton () {
-      let fields = this.data.onetomany[this.onetomany_index].fields
-
-      let flag = false
-      for (const item of fields) {
-        if (item.type !== 'checkbox' && item.required && !item.value) {
-          if (item.value === 0) {
-            flag = false
-          } else {
-            flag = true
+        for (const item of this.data.onetomany[this.onetomany_index].fields) {
+          item.value = ''
+        }
+        this.show = false
+        this.disable_button_onetomany = true
+        this.onetomany_index = null
+        this.update_onetomany_index = null
+        this.modeltitle = null
+        this.modalSize = null
+      },
+      // 是否禁用模态框按钮
+      disableModalButton () {
+        let fields = this.data.onetomany[this.onetomany_index].fields
+
+        let flag = false
+        for (const item of fields) {
+          if (item.type !== 'checkbox' && item.required && !item.value) {
+            if (item.value === 0) {
+              flag = false
+            } else {
+              flag = true
+            }
           }
         }
-      }
 
-      let count = 0
-      for (const item of fields) {
-        if (item.type !== 'checkbox' && item.required) {
-          count++
+        let count = 0
+        for (const item of fields) {
+          if (item.type !== 'checkbox' && item.required) {
+            count++
+          }
         }
+        if (count === 0) {
+          flag = false
+        }
+        this.disable_button_onetomany = flag
+      },
+      // 监听模态框属性失去焦点
+      onchange_modal (index) {
+        this.disableModalButton()
+        this.$dispatch('onchange_modal', this.onetomany_index, index)
+      },
+      // 监听模态框属性失去焦点
+      onblur_modal (index) {
+        this.disableModalButton()
+        this.$dispatch('onblur_modal', this.onetomany_index, index)
+      },
+      // input输入属性值发生变化监听
+      oninput_modal (index) {
+        this.disableModalButton()
+        this.$dispatch('oninput_modal', this.onetomany_index, index)
       }
-      if (count === 0) {
-        flag = false
-      }
-      this.disable_button_onetomany = flag
-    },
-    // 监听模态框属性失去焦点
-    onchange_modal (index) {
-      this.disableModalButton()
-      this.$dispatch('onchange_modal', this.onetomany_index, index)
     },
-    // 监听模态框属性失去焦点
-    onblur_modal (index) {
-      this.disableModalButton()
-      this.$dispatch('onblur_modal', this.onetomany_index, index)
-    },
-    // input输入属性值发生变化监听
-    oninput_modal (index) {
-      this.disableModalButton()
-      this.$dispatch('oninput_modal', this.onetomany_index, index)
-    }
-  },
-  events: {
+    events: {
 
-  }
+    },
 }
 </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;
-}
+  .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;
-}
+  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{
+    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:disabled{
-  border: 1px solid #DDD!important;
-  /*background-color: #F5F5F5;*/
-  color:#ACA899!important;
-}
+  .input_view[readonly]{
+    border: 1px solid #DDD!important;
+    /*background-color: #F5F5F5;*/
+    color:#ACA899!important;
+  }
+  .input_view:disabled{
+    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 {
+    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;
-}
+  .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::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
 
-input[type="number"] {
-  -moz-appearance: textfield;
-}
+  input[type="number"] {
+    -moz-appearance: textfield;
+  }
 
 </style>