apply-clients 3.3.16 → 3.3.17

package/src/components/product/Process/Processes/devicesManagement.vue

@@ -1,458 +1,458 @@
-<template>
-  <div class="col-sm-12" style="margin: 20px 0px;">
-    <data-grid :model="model" v-ref:grid class="list_area table_sy" style="padding: 0px">
-      <template partial='head'>
-        <tr>
-          <th class="textNoLineBreak">序号</th>
-          <th class="textNoLineBreak">表号</th>
-          <th class="textNoLineBreak">气表品牌</th>
-          <th class="textNoLineBreak">气表型号</th>
-          <th class="textNoLineBreak">安装位置</th>
-          <th class="textNoLineBreak">安装人</th>
-          <th class="textNoLineBreak">安装时间</th>
-          <th class="textNoLineBreak">设备数</th>
-          <th class="textNoLineBreak">操作</th>
-        </tr>
-      </template>
-      <template partial='body'>
-        <tr>
-          <td style="text-align: center;">
-            <nobr>{{$index+1}}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{row.f_meternumber}}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{row.f_gasbrand}}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{row.f_gasmodel}}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{row.f_position}}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{row.f_install_person}}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{row.f_install_date}}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{row.amount}}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>
-              <button
-                type="button"
-                name="button"
-                class="btn btn-link"
-                @click="$parent.$parent.openDevicesModal(row)"
-              >
-                {{$parent.$parent.mark === 1 ? '查看' : '添加设备'}}
-              </button>
-            </nobr>
-          </td>
-        </tr>
-      </template>
-    </data-grid>
-
-
-    <modal v-if="showDevices" :show.sync="showDevices" v-ref:modal :large="true" :backdrop="false" title="表具设备信息">
-      <header slot="modal-header" class="modal-header">
-        <button type="button" class="close" @click="closeDevices"><span>&times;</span></button>
-        <h4 class="modal-title">表具设备信息</h4>
-      </header>
-      <article slot="modal-body" class="modal-body clearfix">
-        <div v-for="(i, item) in userfile.devicesinfo" class="form-group col-sm-12 panel panel-info">
-          <div class="panel-heading head col-sm-12" style="background-color: #e8f4ff;margin-bottom: 10px">
-            <div class="col-sm-6 text-left">设备{{$index+1}}信息</div>
-            <div class="col-sm-6 text-right"><button
-              class="button_delete button_spacing"
-              v-if="!item.id"
-              @click.prevent="deleteDevicesinfo(i)"
-            >删除</button></div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">设备类型：</label>
-            <div class="col-sm-8">
-              <input-select
-                class="select select_list"
-                :value.sync="item.f_devices_type"
-                v-model="item.f_devices_type"
-                :options="devicesType"
-                :disable="mark === 1"
-                :valueSingle="true"></input-select>
-            </div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">生产日期：</label>
-            <div class="col-sm-8">
-              <datepicker
-                placeholder="生产日期"
-                :value.sync="item.f_make_date"
-                v-model="item.f_make_date"
-                format="yyyy-MM-dd HH:mm:ss"
-                @change="expireDate($index)"
-                :disabled="mark === 1">
-              </datepicker>
-            </div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">设备数量：</label>
-            <div class="col-sm-8">
-              <input class="form-control input_view" style="" type="number"
-                     placeholder="设备数量"
-                     v-model="item.f_devices_num"
-                     :value="item.f_devices_num"
-                     :readonly="mark === 1"/>
-            </div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">安&ensp;装&ensp;人：</label>
-            <div class="col-sm-8">
-              <input class="form-control input_view" style=""
-                     placeholder="安装人"
-                     v-model="item.f_input_person"
-                     :value="installperson"
-                     readonly/>
-            </div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">安装日期：</label>
-            <div class="col-sm-8">
-              <input class="form-control input_view" style=""
-                     placeholder="安装日期"
-                     v-model="item.f_input_date"
-                     :value="installdate(item.f_input_date)"
-                     readonly/>
-<!--              <datepicker-->
-<!--                placeholder="安装日期"-->
-<!--                :value.sync="item.f_input_date"-->
-<!--                v-model="item.f_input_date"-->
-<!--                format="yyyy-MM-dd HH:mm:ss"-->
-<!--                :disabled="mark === 1">-->
-<!--              </datepicker>-->
-            </div>
-          </div>
-          <!--
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">设备编号：</label>
-            <div class="col-sm-8">
-              <input class="form-control input_view" style=""
-                     placeholder="设备编号"
-                     v-model="item.f_devices_no"
-                     :value="item.f_devices_no"
-                     :readonly="mark === 1"/>
-            </div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">设备品牌：</label>
-            <div class="col-sm-8">
-              <input class="form-control input_view" style=""
-                     placeholder="设备品牌"
-                     v-model="item.f_brand"
-                     :value="item.f_brand"
-                     :readonly="mark === 1"/>
-            </div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">设备型号：</label>
-            <div class="col-sm-8">
-              <input class="form-control input_view" style=""
-                     placeholder="设备型号"
-                     v-model="item.f_devices_model"
-                     :value="item.f_devices_model"
-                     :readonly="mark === 1"/>
-            </div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">使用年限：</label>
-            <div class="col-sm-8">
-              <input class="form-control input_view" style="" type="number"
-                     placeholder="使用年限"
-                     v-model="item.f_service_life"
-                     :value="item.f_service_life"
-                     @change="expireDate($index)"
-                     :readonly="mark === 1"/>
-            </div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">到期日期：</label>
-            <div class="col-sm-8">
-              <datepicker
-                placeholder="到期日期"
-                :value.sync="item.f_expire_date"
-                v-model="item.f_expire_date"
-                format="yyyy-MM-dd HH:mm:ss"
-                disabled>
-              </datepicker>
-            </div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">安装日期：</label>
-            <div class="col-sm-8">
-              <datepicker
-                placeholder="连接管安装日期"
-                :value.sync="item.f_pipeinstall_date"
-                v-model="item.f_pipeinstall_date"
-                format="yyyy-MM-dd HH:mm:ss"
-                :disabled="mark === 1">
-              </datepicker>
-            </div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">到期日期：</label>
-            <div class="col-sm-8">
-              <datepicker
-                placeholder="连接管到期日期"
-                :value.sync="item.f_pipeexpire_date"
-                v-model="item.f_pipeexpire_date"
-                format="yyyy-MM-dd HH:mm:ss"
-                :disabled="mark === 1">
-              </datepicker>
-            </div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">管道类型：</label>
-            <div class="col-sm-8">
-              <input-select
-                class="select select_list"
-                :value.sync="item.f_pipe_type"
-                v-model="item.f_pipe_type"
-                :options="pipeType"
-                :disable="mark === 1"
-                :valueSingle="true">
-              </input-select>
-            </div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">设备状态：</label>
-            <div class="col-sm-8">
-              <input-select
-                class="select select_list"
-                :value.sync="item.f_userinfodevices_state"
-                v-model="item.f_userinfodevices_state"
-                :options="userdevicestate"
-                :disable="mark === 1"
-                :valueSingle="true"></input-select>
-            </div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">购买方式：</label>
-            <div class="col-sm-8">
-              <input-select
-                class="select select_list"
-                :value.sync="item.WatchPurchase"
-                v-model="item.WatchPurchase"
-                :options="WatchPurchases"
-                :disable="mark === 1"
-                :valueSingle="true"></input-select>
-            </div>
-          </div>
-          <div class="form-group col-sm-6">
-            <label class="col-sm-4 control-label">安装方式：</label>
-            <div class="col-sm-8">
-              <input-select
-                class="select select_list"
-                :value.sync="item.f_install_type"
-                v-model="item.f_install_type"
-                :options="installType"
-                :disable="mark === 1"
-                :valueSingle="true"></input-select>
-            </div>
-          </div>
-          <div class="form-group col-sm-12">
-            <label class="col-sm-2 control-label">备&emsp;&emsp;注：</label>
-            <div class="col-sm-10">
-              <textarea
-                class="form-control input_view" rows="2" style="width: 100%;height: 100%"
-                v-model="item.f_comments" :value="item.f_comments"
-                :disabled="mark === 1"
-              ></textarea>
-            </div>
-          </div>
-          -->
-        </div>
-
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <template v-if="mark !== 1">
-          <button type="button" class="btn btn-primary" @click="pushDevice()">添加设备</button>
-          <button type="button" class="btn btn-primary" @click="addDevice()">确认</button>
-        </template>
-      </footer>
-    </modal>
-  </div>
-</template>
-<script>
-import {getNowDate,isEmpty} from '../../../Util'
-import {PagedList} from 'vue-client'
-import Vue from 'vue'
-import {HttpResetClass} from 'vue-client'
-// 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 {
-  title: '设备管理',
-  props: {
-    selectdata: {
-      type: Object
-    },
-    mark: {
-      type: Number,
-      default: 0
-    }
-  },
-  data () {
-    return {
-      model: {
-        data: null
-      },
-      userfile: null,
-      showDevices: false
-    }
-  },
-  ready () {
-    this.search()
-  },
-  methods: {
-    deleteDevicesinfo (index) {
-      this.userfile.devicesinfo.splice(index, 1)
-    },
-    async addDevice () {
-      let data = {
-        selectdata: this.selectdata,
-        userfile: this.userfile,
-        user: this.$login.f
-      }
-      let res = await this.$resetpost(
-        `rs/logic/applyAddDevice`,
-        {data: data},
-        {resolveMsg: null, rejectMsg: '设备添加失败！！！'}
-      )
-
-      this.closeDevices()
-    },
-    pushDevice () {
-      this.userfile.devicesinfo.push({})
-    },
-    expireDate (index) {
-
-      if (isEmpty(this.userfile.devicesinfo[index].f_make_date) || isEmpty(this.userfile.devicesinfo[index].f_service_life)) {
-        return
-      }
-      let f_make_date = new Date(this.userfile.devicesinfo[index].f_make_date)
-      let year = (f_make_date.getFullYear() - 0) + (this.userfile.devicesinfo[index].f_service_life - 0)
-      let month = (f_make_date.getMonth() - 0) + 1
-      let day = f_make_date.getDate()
-
-      Vue.set(this.userfile.devicesinfo[index], 'f_expire_date', year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day))
-    },
-    async openDevicesModal (row) {
-      this.userfile = row
-
-      let data = {
-        tablename: 't_devices',
-        condition: `f_userfiles_id = '${this.userfile.f_userfiles_id}'`
-      }
-      let res = await this.$resetpost(
-        `rs/sql/singleTable`,
-        {data: data},
-        {resolveMsg: null, rejectMsg: '设备查询失败！！！'}
-      )
-
-      Vue.set(this.userfile, 'devicesinfo', res.data)
-
-      this.showDevices = true
-    },
-    async search () {
-      let http = new HttpResetClass()
-      let data = {
-        condition: `f_userinfo_id = '${this.selectdata.f_userinfo_id}'`
-      }
-      let res = await http.load('POST', 'rs/sql/getUserFilesAndDevicesAmount', {data:data}, {
-        resolveMsg: null,
-        rejectMsg: '获取表具失败！！！'
-      })
-      this.model.data = res.data
-    },
-    // 关闭对话框
-    closeDevices() {
-      this.showDevices = false
-      this.userfile = null
-
-      this.search()
-    }
-  },
-  events: {
-  },
-  computed: {
-    // 安装人
-    installperson() {
-      return this.$login.f.name
-    },
-    installdate() {
-      return function (f_install_date) {
-        if (isEmpty(f_install_date)) {
-          return new Date().Format('yyyy-MM-dd HH:mm:ss')
-        }
-        return f_install_date
-      }
-    },
-    installType() {
-      return this.$appdata.getParam("安装方式")
-    },
-    WatchPurchases() {
-      return this.$appdata.getParam("购买方式")
-    },
-    userdevicestate() {
-      return this.$appdata.getParam("用户设备状态")
-    },
-    pipeType() {
-      return this.$appdata.getParam("管道类型")
-    },
-    devicesType() {
-      return this.$appdata.getParam("设备类型")
-    }
-  },
-  watch: {
-  }
-}
-</script>
-<style scoped>
-  .textNoLineBreak {
-    white-space: nowrap;
-  }
-  .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;
-  }
-</style>
+<template>
+  <div class="col-sm-12" style="margin: 20px 0px;">
+    <data-grid :model="model" v-ref:grid class="list_area table_sy" style="padding: 0px">
+      <template partial='head'>
+        <tr>
+          <th class="textNoLineBreak">序号</th>
+          <th class="textNoLineBreak">表号</th>
+          <th class="textNoLineBreak">气表品牌</th>
+          <th class="textNoLineBreak">气表型号</th>
+          <th class="textNoLineBreak">安装位置</th>
+          <th class="textNoLineBreak">安装人</th>
+          <th class="textNoLineBreak">安装时间</th>
+          <th class="textNoLineBreak">设备数</th>
+          <th class="textNoLineBreak">操作</th>
+        </tr>
+      </template>
+      <template partial='body'>
+        <tr>
+          <td style="text-align: center;">
+            <nobr>{{$index+1}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_meternumber}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_gasbrand}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_gasmodel}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_position}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_install_person}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_install_date}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.amount}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>
+              <button
+                type="button"
+                name="button"
+                class="btn btn-link"
+                @click="$parent.$parent.openDevicesModal(row)"
+              >
+                {{$parent.$parent.mark === 1 ? '查看' : '添加设备'}}
+              </button>
+            </nobr>
+          </td>
+        </tr>
+      </template>
+    </data-grid>
+
+
+    <modal v-if="showDevices" :show.sync="showDevices" v-ref:modal :large="true" :backdrop="false" title="表具设备信息">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closeDevices"><span>&times;</span></button>
+        <h4 class="modal-title">表具设备信息</h4>
+      </header>
+      <article slot="modal-body" class="modal-body clearfix">
+        <div v-for="(i, item) in userfile.devicesinfo" class="form-group col-sm-12 panel panel-info">
+          <div class="panel-heading head col-sm-12" style="background-color: #e8f4ff;margin-bottom: 10px">
+            <div class="col-sm-6 text-left">设备{{$index+1}}信息</div>
+            <div class="col-sm-6 text-right"><button
+              class="button_delete button_spacing"
+              v-if="!item.id"
+              @click.prevent="deleteDevicesinfo(i)"
+            >删除</button></div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">设备类型：</label>
+            <div class="col-sm-8">
+              <input-select
+                class="select select_list"
+                :value.sync="item.f_devices_type"
+                v-model="item.f_devices_type"
+                :options="devicesType"
+                :disable="mark === 1"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">生产日期：</label>
+            <div class="col-sm-8">
+              <datepicker
+                placeholder="生产日期"
+                :value.sync="item.f_make_date"
+                v-model="item.f_make_date"
+                format="yyyy-MM-dd HH:mm:ss"
+                @change="expireDate($index)"
+                :disabled="mark === 1">
+              </datepicker>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">设备数量：</label>
+            <div class="col-sm-8">
+              <input class="form-control input_view" style="" type="number"
+                     placeholder="设备数量"
+                     v-model="item.f_devices_num"
+                     :value="item.f_devices_num"
+                     :readonly="mark === 1"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">安&ensp;装&ensp;人：</label>
+            <div class="col-sm-8">
+              <input class="form-control input_view" style=""
+                     placeholder="安装人"
+                     v-model="item.f_input_person"
+                     :value="installperson"
+                     readonly/>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">安装日期：</label>
+            <div class="col-sm-8">
+              <input class="form-control input_view" style=""
+                     placeholder="安装日期"
+                     v-model="item.f_input_date"
+                     :value="installdate(item.f_input_date)"
+                     readonly/>
+<!--              <datepicker-->
+<!--                placeholder="安装日期"-->
+<!--                :value.sync="item.f_input_date"-->
+<!--                v-model="item.f_input_date"-->
+<!--                format="yyyy-MM-dd HH:mm:ss"-->
+<!--                :disabled="mark === 1">-->
+<!--              </datepicker>-->
+            </div>
+          </div>
+          <!--
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">设备编号：</label>
+            <div class="col-sm-8">
+              <input class="form-control input_view" style=""
+                     placeholder="设备编号"
+                     v-model="item.f_devices_no"
+                     :value="item.f_devices_no"
+                     :readonly="mark === 1"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">设备品牌：</label>
+            <div class="col-sm-8">
+              <input class="form-control input_view" style=""
+                     placeholder="设备品牌"
+                     v-model="item.f_brand"
+                     :value="item.f_brand"
+                     :readonly="mark === 1"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">设备型号：</label>
+            <div class="col-sm-8">
+              <input class="form-control input_view" style=""
+                     placeholder="设备型号"
+                     v-model="item.f_devices_model"
+                     :value="item.f_devices_model"
+                     :readonly="mark === 1"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">使用年限：</label>
+            <div class="col-sm-8">
+              <input class="form-control input_view" style="" type="number"
+                     placeholder="使用年限"
+                     v-model="item.f_service_life"
+                     :value="item.f_service_life"
+                     @change="expireDate($index)"
+                     :readonly="mark === 1"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">到期日期：</label>
+            <div class="col-sm-8">
+              <datepicker
+                placeholder="到期日期"
+                :value.sync="item.f_expire_date"
+                v-model="item.f_expire_date"
+                format="yyyy-MM-dd HH:mm:ss"
+                disabled>
+              </datepicker>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">安装日期：</label>
+            <div class="col-sm-8">
+              <datepicker
+                placeholder="连接管安装日期"
+                :value.sync="item.f_pipeinstall_date"
+                v-model="item.f_pipeinstall_date"
+                format="yyyy-MM-dd HH:mm:ss"
+                :disabled="mark === 1">
+              </datepicker>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">到期日期：</label>
+            <div class="col-sm-8">
+              <datepicker
+                placeholder="连接管到期日期"
+                :value.sync="item.f_pipeexpire_date"
+                v-model="item.f_pipeexpire_date"
+                format="yyyy-MM-dd HH:mm:ss"
+                :disabled="mark === 1">
+              </datepicker>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">管道类型：</label>
+            <div class="col-sm-8">
+              <input-select
+                class="select select_list"
+                :value.sync="item.f_pipe_type"
+                v-model="item.f_pipe_type"
+                :options="pipeType"
+                :disable="mark === 1"
+                :valueSingle="true">
+              </input-select>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">设备状态：</label>
+            <div class="col-sm-8">
+              <input-select
+                class="select select_list"
+                :value.sync="item.f_userinfodevices_state"
+                v-model="item.f_userinfodevices_state"
+                :options="userdevicestate"
+                :disable="mark === 1"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">购买方式：</label>
+            <div class="col-sm-8">
+              <input-select
+                class="select select_list"
+                :value.sync="item.WatchPurchase"
+                v-model="item.WatchPurchase"
+                :options="WatchPurchases"
+                :disable="mark === 1"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">安装方式：</label>
+            <div class="col-sm-8">
+              <input-select
+                class="select select_list"
+                :value.sync="item.f_install_type"
+                v-model="item.f_install_type"
+                :options="installType"
+                :disable="mark === 1"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">备&emsp;&emsp;注：</label>
+            <div class="col-sm-10">
+              <textarea
+                class="form-control input_view" rows="2" style="width: 100%;height: 100%"
+                v-model="item.f_comments" :value="item.f_comments"
+                :disabled="mark === 1"
+              ></textarea>
+            </div>
+          </div>
+          -->
+        </div>
+
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <template v-if="mark !== 1">
+          <button type="button" class="btn btn-primary" @click="pushDevice()">添加设备</button>
+          <button type="button" class="btn btn-primary" @click="addDevice()">确认</button>
+        </template>
+      </footer>
+    </modal>
+  </div>
+</template>
+<script>
+import {getNowDate,isEmpty} from '../../../Util'
+import {PagedList} from 'vue-client'
+import Vue from 'vue'
+import {HttpResetClass} from 'vue-client'
+// 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 {
+  title: '设备管理',
+  props: {
+    selectdata: {
+      type: Object
+    },
+    mark: {
+      type: Number,
+      default: 0
+    }
+  },
+  data () {
+    return {
+      model: {
+        data: null
+      },
+      userfile: null,
+      showDevices: false
+    }
+  },
+  ready () {
+    this.search()
+  },
+  methods: {
+    deleteDevicesinfo (index) {
+      this.userfile.devicesinfo.splice(index, 1)
+    },
+    async addDevice () {
+      let data = {
+        selectdata: this.selectdata,
+        userfile: this.userfile,
+        user: this.$login.f
+      }
+      let res = await this.$resetpost(
+        `rs/logic/applyAddDevice`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '设备添加失败！！！'}
+      )
+
+      this.closeDevices()
+    },
+    pushDevice () {
+      this.userfile.devicesinfo.push({})
+    },
+    expireDate (index) {
+
+      if (isEmpty(this.userfile.devicesinfo[index].f_make_date) || isEmpty(this.userfile.devicesinfo[index].f_service_life)) {
+        return
+      }
+      let f_make_date = new Date(this.userfile.devicesinfo[index].f_make_date)
+      let year = (f_make_date.getFullYear() - 0) + (this.userfile.devicesinfo[index].f_service_life - 0)
+      let month = (f_make_date.getMonth() - 0) + 1
+      let day = f_make_date.getDate()
+
+      Vue.set(this.userfile.devicesinfo[index], 'f_expire_date', year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day))
+    },
+    async openDevicesModal (row) {
+      this.userfile = row
+
+      let data = {
+        tablename: 't_devices',
+        condition: `f_userfiles_id = '${this.userfile.f_userfiles_id}'`
+      }
+      let res = await this.$resetpost(
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '设备查询失败！！！'}
+      )
+
+      Vue.set(this.userfile, 'devicesinfo', res.data)
+
+      this.showDevices = true
+    },
+    async search () {
+      let http = new HttpResetClass()
+      let data = {
+        condition: `f_userinfo_id = '${this.selectdata.f_userinfo_id}'`
+      }
+      let res = await http.load('POST', 'rs/sql/getUserFilesAndDevicesAmount', {data:data}, {
+        resolveMsg: null,
+        rejectMsg: '获取表具失败！！！'
+      })
+      this.model.data = res.data
+    },
+    // 关闭对话框
+    closeDevices() {
+      this.showDevices = false
+      this.userfile = null
+
+      this.search()
+    }
+  },
+  events: {
+  },
+  computed: {
+    // 安装人
+    installperson() {
+      return this.$login.f.name
+    },
+    installdate() {
+      return function (f_install_date) {
+        if (isEmpty(f_install_date)) {
+          return new Date().Format('yyyy-MM-dd HH:mm:ss')
+        }
+        return f_install_date
+      }
+    },
+    installType() {
+      return this.$appdata.getParam("安装方式")
+    },
+    WatchPurchases() {
+      return this.$appdata.getParam("购买方式")
+    },
+    userdevicestate() {
+      return this.$appdata.getParam("用户设备状态")
+    },
+    pipeType() {
+      return this.$appdata.getParam("管道类型")
+    },
+    devicesType() {
+      return this.$appdata.getParam("设备类型")
+    }
+  },
+  watch: {
+  }
+}
+</script>
+<style scoped>
+  .textNoLineBreak {
+    white-space: nowrap;
+  }
+  .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;
+  }
+</style>