apply-clients 3.3.16 → 3.3.17

package/src/components/android/Process/Processes/AppDevicesManagement.vue

@@ -1,490 +1,490 @@
-<template>
-
-  <div>
-    <list :model="model" partial='list'>
-      <div partial class="auto app-text panel">
-        <div class="panel-body panel-self">
-          <div class="row">
-            <p class="col-xs-3 text-left font"><b>表&emsp;&emsp;号</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_meternumber }}</p>
-          </div>
-          <div class="row">
-            <p class="col-xs-3 text-left font"><b>气表品牌</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_gasbrand }}</p>
-          </div>
-          <div class="row">
-            <p class="col-xs-3 text-left font"><b>气表型号</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_gasmodel }}</p>
-          </div>
-          <div class="row">
-            <p class="col-xs-3 text-left font"><b>安装位置</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_position }}</p>
-          </div>
-          <div class="row">
-            <p class="col-xs-3 text-left font"><b>安&ensp;装&ensp;人</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_install_person }}</p>
-          </div>
-          <div class="row">
-            <p class="col-xs-3 text-left font"><b>安装时间</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_install_date }}</p>
-          </div>
-          <div class="row">
-            <p class="col-xs-3 text-left font"><b>设&ensp;备&ensp;数</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.amount }}</p>
-          </div>
-          <div class="row text-right">
-            <button
-              class="btn btn-info"
-              @click="$parent.$parent.openDevicesModal(row)"
-            >
-              {{$parent.$parent.mark === 1 ? '查看' : '添加设备'}}
-            </button>
-          </div>
-        </div>
-      </div>
-    </list>
-
-    <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-xs-12 panel panel-info">
-          <div class="panel-heading head row" style="background-color: #e8f4ff;margin-bottom: 10px">
-            <div class="col-xs-6 text-left">设备{{$index+1}}信息</div>
-            <div class="col-xs-6 text-right"><button
-              class="btn btn-danger"
-              v-if="!item.id"
-              @click.prevent="deleteDevicesinfo(i)"
-            >删除</button></div>
-          </div>
-
-          <div class="form-group row vertical-center">
-            <label class="col-xs-4 control-label">设备类型：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">生产日期：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">设备数量：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">安&ensp;装&ensp;人：</label>
-            <div class="col-xs-8">
-              <input class="form-control input_view" style=""
-                     placeholder="安装人"
-                     v-model="item.f_input_person"
-                     :value="installperson"
-                     readonly/>
-            </div>
-          </div>
-          <div class="form-group row vertical-center">
-            <label class="col-xs-4 control-label">安装日期：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">设备类型：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">设备编号：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">设备品牌：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">安&ensp;装&ensp;人：</label>
-            <div class="col-xs-8">
-              <input class="form-control input_view" style=""
-                     placeholder="安装人"
-                     v-model="item.f_input_person"
-                     :value="item.f_input_person"
-                     :readonly="mark === 1"/>
-            </div>
-          </div>
-          <div class="form-group row vertical-center">
-            <label class="col-xs-4 control-label">设备型号：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">安装日期：</label>
-            <div class="col-xs-8">
-              <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 row vertical-center">
-            <label class="col-xs-4 control-label">生产日期：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">使用年限：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">到期日期：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">设备数量：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">安装日期：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">到期日期：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">管道类型：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">设备状态：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">购买方式：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">安装方式：</label>
-            <div class="col-xs-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 row vertical-center">
-            <label class="col-xs-4 control-label">备&emsp;&emsp;注：</label>
-            <div class="col-xs-8">
-              <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">
-        <button type="button" class="btn btn-primary" @click="pushDevice()">添加设备</button>
-        <button type="button" class="btn btn-primary" @click="addDevice()">确认</button>
-      </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: {
-        rows: 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: Vue.user
-        // user: {"f_show_department_name":"","parentname":"营业厅","functions":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"客服系统","icon":"/images/lefticon/档案管理.png","hasright":false,"resourcetype":"function","parentid":"27","children":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"档案管理","link":"address-manage","hasright":true,"resourcetype":"function","parentid":"212","children":[],"selfid":"33664","name":"地址管理","templatename":"functionedit","id":"33663","position":"5","fullname":"资源管理.功能模块.客服系统.档案管理.地址管理","fullid":"3.21.27.212.33663","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"档案管理","link":"file-user-files","hasright":true,"resourcetype":"function","parentid":"212","children":[],"selfid":"237","name":"用户档案","templatename":"functionedit","id":"236","position":"8","fullname":"资源管理.功能模块.客服系统.档案管理.用户档案","fullid":"3.21.27.212.236","tablename":"t_function"}],"selfid":"213","name":"档案管理","templatename":"functionedit","id":"212","position":"2","fullname":"资源管理.功能模块.客服系统.档案管理","fullid":"3.21.27.212","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"客服系统","icon":"/images/lefticon/综合业务.png","hasright":false,"resourcetype":"function","parentid":"27","children":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"综合业务","link":"param-manage","hasright":true,"resourcetype":"function","parentid":"284","children":[],"selfid":"303","name":"参数管理","templatename":"functionedit","id":"302","position":"3","fullname":"资源管理.功能模块.客服系统.综合业务.参数管理","fullid":"3.21.27.284.302","tablename":"t_function"}],"selfid":"285","name":"综合业务","templatename":"functionedit","id":"284","position":"5","fullname":"资源管理.功能模块.客服系统.综合业务","fullid":"3.21.27.284","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"客服系统","icon":"/images/lefticon/报建系统.png","hasright":true,"resourcetype":"function","parentid":"27","f_parentname":"客服系统","children":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"install-function","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34680","name":"功能业务","templatename":"functionedit","id":"34679","position":"1","fullname":"资源管理.功能模块.客服系统.报建业务.功能业务","fullid":"3.21.27.34673.34679","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"exploration-user","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34686","name":"流程业务","templatename":"functionedit","id":"34685","position":"2","fullname":"资源管理.功能模块.客服系统.报建业务.流程业务","fullid":"3.21.27.34673.34685","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"supervisory-control","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34692","name":"流程监控","templatename":"functionedit","id":"34691","position":"3","fullname":"资源管理.功能模块.客服系统.报建业务.流程监控","fullid":"3.21.27.34673.34691","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"apply-charge-search","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34698","name":"收费明细","templatename":"functionedit","id":"34697","position":"4","fullname":"资源管理.功能模块.客服系统.报建业务.收费明细","fullid":"3.21.27.34673.34697","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"order-apply","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34704","name":"预约申请","templatename":"functionedit","id":"34703","position":"5","fullname":"资源管理.功能模块.客服系统.报建业务.预约申请","fullid":"3.21.27.34673.34703","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"stop-apply","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34710","name":"终止报建","templatename":"functionedit","id":"34709","position":"6","fullname":"资源管理.功能模块.客服系统.报建业务.终止报建","fullid":"3.21.27.34673.34709","tablename":"t_function"}],"selfid":"34674","name":"报建业务","templatename":"functionedit","id":"34673","position":"11","fullname":"资源管理.功能模块.客服系统.报建业务","fullid":"3.21.27.34673","tablename":"t_function"}],"qrcode":"/rs/user/getQRcode?QRCODE=406b-1630284429661-03197","rolesnames":"营业厅报装,设计部报装,市场部报装,工程部报装,运营部报装,财务部报装","roles":"34751,34757,34763,34769,34775,35326","f_sex":"男","f_icon":"tree_user","fullnames":"河南亿星集团实业有限公司.周口市天然气有限公司.营业厅.报建测试","dir":"zhoukou","userid":"406b-1630284429661-03197","accesstime":"1630409418399","parentid":"34715","f_show_rolestr":"","fullids":"30463.10101.34715.34781.","number":"10101","f_idnumber":{},"selfid":"34782","templatename":"useredit","logindate":"2021-08-30 16:36:39","id":"34781","state":"在职","tablename":"t_user","deptype":"部门","depids":"34715","loginid":"15","imgid":{},"f_user_telephone":{},"rolestr":"营业厅报装,设计部报装,市场部报装,工程部报装,运营部报装,财务部报装","deps":"营业厅","loginnum":"0","f_age":{},"resourcetype":"user","orgid":"10101","f_department_name":"营业厅","ename":"bjcs","deleted":"false","entitytype":"t_user","f_description":{},"loginip":"192.168.66.138","name":"报建测试","position":"1","orgs":"周口市天然气有限公司","f_role_name":"营业厅报装 设计部报装 市场部报装 工程部报装 运营部报装 财务部报装 ","f_allArea":[],"f_gasman":[],"lics":[]}
-      }
-      let res = await this.$resetpost(
-        `${this.$androidUtil.getProxyUrl()}/rs/logic/applyAddDevice`,
-        {data: data},
-        {resolveMsg: null, rejectMsg: '设备添加失败！！！'}
-      )
-
-      this.closeDevices()
-      this.$dispatch('breakControl')
-    },
-    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(
-        `${this.$androidUtil.getProxyUrl()}/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', `${this.$androidUtil.getProxyUrl()}/rs/sql/getUserFilesAndDevicesAmount`, {data:data}, {
-        resolveMsg: null,
-        rejectMsg: '获取表具失败！！！'
-      })
-      this.model.rows = res.data
-    },
-    // 关闭对话框
-    closeDevices() {
-      this.showDevices = false
-      this.userfile = null
-
-      this.search()
-    }
-  },
-  events: {
-  },
-  computed: {
-    // 安装人
-    installperson() {
-      return Vue.user.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>
-  .vertical-center {
-    display: flex;
-    align-items: center;
-    text-align: center;
-  }
-</style>
+<template>
+
+  <div>
+    <list :model="model" partial='list'>
+      <div partial class="auto app-text panel">
+        <div class="panel-body panel-self">
+          <div class="row">
+            <p class="col-xs-3 text-left font"><b>表&emsp;&emsp;号</b></p>
+            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_meternumber }}</p>
+          </div>
+          <div class="row">
+            <p class="col-xs-3 text-left font"><b>气表品牌</b></p>
+            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_gasbrand }}</p>
+          </div>
+          <div class="row">
+            <p class="col-xs-3 text-left font"><b>气表型号</b></p>
+            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_gasmodel }}</p>
+          </div>
+          <div class="row">
+            <p class="col-xs-3 text-left font"><b>安装位置</b></p>
+            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_position }}</p>
+          </div>
+          <div class="row">
+            <p class="col-xs-3 text-left font"><b>安&ensp;装&ensp;人</b></p>
+            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_install_person }}</p>
+          </div>
+          <div class="row">
+            <p class="col-xs-3 text-left font"><b>安装时间</b></p>
+            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_install_date }}</p>
+          </div>
+          <div class="row">
+            <p class="col-xs-3 text-left font"><b>设&ensp;备&ensp;数</b></p>
+            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.amount }}</p>
+          </div>
+          <div class="row text-right">
+            <button
+              class="btn btn-info"
+              @click="$parent.$parent.openDevicesModal(row)"
+            >
+              {{$parent.$parent.mark === 1 ? '查看' : '添加设备'}}
+            </button>
+          </div>
+        </div>
+      </div>
+    </list>
+
+    <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-xs-12 panel panel-info">
+          <div class="panel-heading head row" style="background-color: #e8f4ff;margin-bottom: 10px">
+            <div class="col-xs-6 text-left">设备{{$index+1}}信息</div>
+            <div class="col-xs-6 text-right"><button
+              class="btn btn-danger"
+              v-if="!item.id"
+              @click.prevent="deleteDevicesinfo(i)"
+            >删除</button></div>
+          </div>
+
+          <div class="form-group row vertical-center">
+            <label class="col-xs-4 control-label">设备类型：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">生产日期：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">设备数量：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">安&ensp;装&ensp;人：</label>
+            <div class="col-xs-8">
+              <input class="form-control input_view" style=""
+                     placeholder="安装人"
+                     v-model="item.f_input_person"
+                     :value="installperson"
+                     readonly/>
+            </div>
+          </div>
+          <div class="form-group row vertical-center">
+            <label class="col-xs-4 control-label">安装日期：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">设备类型：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">设备编号：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">设备品牌：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">安&ensp;装&ensp;人：</label>
+            <div class="col-xs-8">
+              <input class="form-control input_view" style=""
+                     placeholder="安装人"
+                     v-model="item.f_input_person"
+                     :value="item.f_input_person"
+                     :readonly="mark === 1"/>
+            </div>
+          </div>
+          <div class="form-group row vertical-center">
+            <label class="col-xs-4 control-label">设备型号：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">安装日期：</label>
+            <div class="col-xs-8">
+              <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 row vertical-center">
+            <label class="col-xs-4 control-label">生产日期：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">使用年限：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">到期日期：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">设备数量：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">安装日期：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">到期日期：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">管道类型：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">设备状态：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">购买方式：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">安装方式：</label>
+            <div class="col-xs-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 row vertical-center">
+            <label class="col-xs-4 control-label">备&emsp;&emsp;注：</label>
+            <div class="col-xs-8">
+              <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">
+        <button type="button" class="btn btn-primary" @click="pushDevice()">添加设备</button>
+        <button type="button" class="btn btn-primary" @click="addDevice()">确认</button>
+      </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: {
+        rows: 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: Vue.user
+        // user: {"f_show_department_name":"","parentname":"营业厅","functions":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"客服系统","icon":"/images/lefticon/档案管理.png","hasright":false,"resourcetype":"function","parentid":"27","children":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"档案管理","link":"address-manage","hasright":true,"resourcetype":"function","parentid":"212","children":[],"selfid":"33664","name":"地址管理","templatename":"functionedit","id":"33663","position":"5","fullname":"资源管理.功能模块.客服系统.档案管理.地址管理","fullid":"3.21.27.212.33663","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"档案管理","link":"file-user-files","hasright":true,"resourcetype":"function","parentid":"212","children":[],"selfid":"237","name":"用户档案","templatename":"functionedit","id":"236","position":"8","fullname":"资源管理.功能模块.客服系统.档案管理.用户档案","fullid":"3.21.27.212.236","tablename":"t_function"}],"selfid":"213","name":"档案管理","templatename":"functionedit","id":"212","position":"2","fullname":"资源管理.功能模块.客服系统.档案管理","fullid":"3.21.27.212","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"客服系统","icon":"/images/lefticon/综合业务.png","hasright":false,"resourcetype":"function","parentid":"27","children":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"综合业务","link":"param-manage","hasright":true,"resourcetype":"function","parentid":"284","children":[],"selfid":"303","name":"参数管理","templatename":"functionedit","id":"302","position":"3","fullname":"资源管理.功能模块.客服系统.综合业务.参数管理","fullid":"3.21.27.284.302","tablename":"t_function"}],"selfid":"285","name":"综合业务","templatename":"functionedit","id":"284","position":"5","fullname":"资源管理.功能模块.客服系统.综合业务","fullid":"3.21.27.284","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"客服系统","icon":"/images/lefticon/报建系统.png","hasright":true,"resourcetype":"function","parentid":"27","f_parentname":"客服系统","children":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"install-function","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34680","name":"功能业务","templatename":"functionedit","id":"34679","position":"1","fullname":"资源管理.功能模块.客服系统.报建业务.功能业务","fullid":"3.21.27.34673.34679","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"exploration-user","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34686","name":"流程业务","templatename":"functionedit","id":"34685","position":"2","fullname":"资源管理.功能模块.客服系统.报建业务.流程业务","fullid":"3.21.27.34673.34685","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"supervisory-control","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34692","name":"流程监控","templatename":"functionedit","id":"34691","position":"3","fullname":"资源管理.功能模块.客服系统.报建业务.流程监控","fullid":"3.21.27.34673.34691","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"apply-charge-search","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34698","name":"收费明细","templatename":"functionedit","id":"34697","position":"4","fullname":"资源管理.功能模块.客服系统.报建业务.收费明细","fullid":"3.21.27.34673.34697","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"order-apply","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34704","name":"预约申请","templatename":"functionedit","id":"34703","position":"5","fullname":"资源管理.功能模块.客服系统.报建业务.预约申请","fullid":"3.21.27.34673.34703","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"stop-apply","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34710","name":"终止报建","templatename":"functionedit","id":"34709","position":"6","fullname":"资源管理.功能模块.客服系统.报建业务.终止报建","fullid":"3.21.27.34673.34709","tablename":"t_function"}],"selfid":"34674","name":"报建业务","templatename":"functionedit","id":"34673","position":"11","fullname":"资源管理.功能模块.客服系统.报建业务","fullid":"3.21.27.34673","tablename":"t_function"}],"qrcode":"/rs/user/getQRcode?QRCODE=406b-1630284429661-03197","rolesnames":"营业厅报装,设计部报装,市场部报装,工程部报装,运营部报装,财务部报装","roles":"34751,34757,34763,34769,34775,35326","f_sex":"男","f_icon":"tree_user","fullnames":"河南亿星集团实业有限公司.周口市天然气有限公司.营业厅.报建测试","dir":"zhoukou","userid":"406b-1630284429661-03197","accesstime":"1630409418399","parentid":"34715","f_show_rolestr":"","fullids":"30463.10101.34715.34781.","number":"10101","f_idnumber":{},"selfid":"34782","templatename":"useredit","logindate":"2021-08-30 16:36:39","id":"34781","state":"在职","tablename":"t_user","deptype":"部门","depids":"34715","loginid":"15","imgid":{},"f_user_telephone":{},"rolestr":"营业厅报装,设计部报装,市场部报装,工程部报装,运营部报装,财务部报装","deps":"营业厅","loginnum":"0","f_age":{},"resourcetype":"user","orgid":"10101","f_department_name":"营业厅","ename":"bjcs","deleted":"false","entitytype":"t_user","f_description":{},"loginip":"192.168.66.138","name":"报建测试","position":"1","orgs":"周口市天然气有限公司","f_role_name":"营业厅报装 设计部报装 市场部报装 工程部报装 运营部报装 财务部报装 ","f_allArea":[],"f_gasman":[],"lics":[]}
+      }
+      let res = await this.$resetpost(
+        `${this.$androidUtil.getProxyUrl()}/rs/logic/applyAddDevice`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '设备添加失败！！！'}
+      )
+
+      this.closeDevices()
+      this.$dispatch('breakControl')
+    },
+    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(
+        `${this.$androidUtil.getProxyUrl()}/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', `${this.$androidUtil.getProxyUrl()}/rs/sql/getUserFilesAndDevicesAmount`, {data:data}, {
+        resolveMsg: null,
+        rejectMsg: '获取表具失败！！！'
+      })
+      this.model.rows = res.data
+    },
+    // 关闭对话框
+    closeDevices() {
+      this.showDevices = false
+      this.userfile = null
+
+      this.search()
+    }
+  },
+  events: {
+  },
+  computed: {
+    // 安装人
+    installperson() {
+      return Vue.user.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>
+  .vertical-center {
+    display: flex;
+    align-items: center;
+    text-align: center;
+  }
+</style>