vue2-client 1.14.6 → 1.14.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.14.6",
+  "version": "1.14.7",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/pages/userInfoDetailManage/index.vue

@@ -1,36 +1,107 @@
 <template>
-  <a-drawer
-    id="agencyManageDetail"
-    title="用户详情信息"
-    placement="right"
-    :body-style="{padding:0}"
-    :destroy-on-close="true"
-    :z-index="200"
-    width="85vw"
-    :closable="false"
-    :visible="userInfoDetailVisible"
-    @close="onClose">
-    <a-page-header v-if="userInfoDetailVisible && userInfo" :title="`用户编号：${ userInfo ? userInfo.f_userinfo_code : '' }`">
-      <x-descriptions
-        :title="null"
-        :content="userInfo"
-        serviceName="af-revenue"
-        :getRealData="true"
-        :column="4"
-        config-name="User_Info_Desc_Config">
-        <template #addonAfter>
-          <div style="text-align: right">
-            <a-statistic title="用户状态" :value="userInfo.f_user_state || 0"/>
-            <a-statistic title="表具状态" :precision="0" :value="userInfo.f_table_state || 0"/>
-          </div>
+  <div>
+    <a-drawer
+      id="agencyManageDetail"
+      title="用户详情信息"
+      placement="right"
+      :body-style="{padding:0}"
+      :destroy-on-close="true"
+      :z-index="200"
+      width="85vw"
+      :closable="false"
+      :visible="userInfoDetailVisible"
+      @close="onClose">
+      <a-page-header v-if="userInfoDetailVisible && userInfo" :title="`用户编号：${ userInfo ? userInfo.f_userinfo_code : '' }`">
+        <x-descriptions
+          :title="null"
+          :content="userInfo"
+          serviceName="af-revenue"
+          :getRealData="true"
+          :column="4"
+          config-name="User_Info_Desc_Config">
+          <template #addonAfter>
+            <div style="text-align: right">
+              <a-statistic title="用户状态" :value="userInfo.f_user_state || 0"/>
+              <a-statistic title="表具状态" :precision="0" :value="userInfo.f_table_state || 0"/>
+            </div>
+          </template>
+        </x-descriptions>
+        <user-info-detail-query-tabs :userInfo="userInfo"/>
+        <template #extra>
+          <a-button type="primary" v-if="userInfo.gb_f_meter_type.includes('物联网表')" @click="openUser">开户</a-button>
+          <a-button type="primary" v-if="userInfo.gb_f_meter_type.includes('物联网表')&&!(userInfo.u_f_user_state === '停用')" @click="valvecontrol">开关阀</a-button>
+          <a-button type="dashed" @click="refresh">刷新</a-button>
         </template>
-      </x-descriptions>
-      <user-info-detail-query-tabs :userInfo="userInfo"/>
-      <template #extra>
-        <a-button type="dashed" @click="refresh">刷新</a-button>
+      </a-page-header>
+    </a-drawer>
+    <!-- 阀控管理弹框 -->
+    <a-modal
+      title="阀控管理"
+      :visible="valve"
+      :closable="false"
+      :width="600"
+      :body-style="{ padding: '24px' }"
+    >
+      <!-- 阀控状态选择 -->
+      <div style="margin-bottom: 16px;">
+        <label style="display: block; font-size: 14px; color: #555; margin-bottom: 8px;">阀控状态</label>
+        <a-select
+          v-model="selectedOption"
+          style="width: 100%;"
+          placeholder="请选择"
+        >
+          <a-select-option v-for="item in networkValveOptions" :value="item" :key="item">
+            {{ item }}
+          </a-select-option>
+        </a-select>
+      </div>
+
+      <!-- 操作原因输入框 -->
+      <div style="margin-bottom: 16px;">
+        <label
+          style="display: block; font-size: 14px; color: #555; margin-bottom: 8px;"
+          :style="operateReason ? '' : 'color: #ff4d4f;'"
+        >
+          操作原因
+        </label>
+        <a-textarea
+          v-model="operateReason"
+          placeholder="请填写操作原因"
+          :rows="2"
+          style="width: 100%;"
+        />
+      </div>
+
+      <!-- 底部按钮 -->
+      <template #footer>
+        <div style="display: flex; justify-content: space-between; align-items: center;">
+          <!-- 左侧关闭按钮 -->
+          <a-button type="danger" @click="closeValveModal" style="border-radius: 4px;">
+            关闭
+          </a-button>
+          <!-- 右侧开阀和关阀按钮 -->
+          <div>
+            <a-button
+              type="primary"
+              :disabled="!operateReason"
+              @click="valveoperate(true, 1)"
+              style="border-radius: 4px; margin-right: 8px;"
+            >
+              开阀
+            </a-button>
+            <a-button
+              type="primary"
+              :disabled="!operateReason"
+              @click="valveoperate(false, 1)"
+              style="border-radius: 4px;"
+            >
+              关阀
+            </a-button>
+          </div>
+        </div>
       </template>
-    </a-page-header>
-  </a-drawer>
+    </a-modal>
+  </div>
 </template>
 
 <script>
@@ -38,6 +109,7 @@ import XDescriptions from '@vue2-client/base-client/components/common/XDescripti
 import { mapState } from 'vuex'
 import { runLogic } from '@vue2-client/services/api/common'
 import userInfoDetailQueryTabs from '@vue2-client/pages/userInfoDetailManage/userInfoDetailQueryTabs'
+import Vue from 'vue'
 
 export default {
   name: 'UserInfoDetailManage',
@@ -48,7 +120,18 @@ export default {
   data () {
     return {
       userInfo: undefined,
-      userInfoDetailVisible: false
+      userInfoDetailVisible: false,
+      valve: false,
+      networkValveOptions: [
+        '手动',
+        '自动',
+        '1小时后自动',
+        '3小时后自动',
+        '6小时后自动',
+        '12小时后自动'
+      ],
+      selectedOption: '',
+      operateReason: '',
     }
   },
   methods: {
@@ -57,6 +140,33 @@ export default {
         this.userInfo = res
       })
     },
+    openUser () {
+      this.$confirm({
+        title: '开户确认',
+        content: '是否需要给用户进行开户?',
+        onOk: ()=> {
+          const data = {
+            f_userfiles_id: this.userInfo.f_userfiles_id
+          }
+          runLogic('StartUp', data, 'af-revenue').then(res => {
+            this.$message.success('开户成功')
+          })
+        }
+      })
+    },
+    // 阀控管理
+    valvecontrol () {
+      if (this.$login.r.includes('开关阀权限')) {
+        this.valve = true
+      } else {
+        this.$message.error('您没有【开关阀权限】,请联系管理员！！')
+      }
+    },
+    closeValveModal () {
+      this.valve = false
+      this.selectedOption = ''
+      this.operateReason = ''
+    },
    async init (user) {
       this.userInfo = user
       await this.refresh()
@@ -65,6 +175,77 @@ export default {
     onClose () {
       this.userInfoDetailVisible = false
       this.$emit('close')
+    },
+    // 开关阀操作
+    async valveoperate (oper, value) {
+      const msg = oper ? '开阀' : '关阀'
+      let delaySeconds = 0 // 初始化 delaySeconds 变量
+      const currentTime = new Date() // 获取当前时间
+      const adjustedTime = new Date(currentTime) // 创建一个新的 Date 对象用于计算延迟后的时间
+
+      const beijingTime = new Date(currentTime.getTime() + 8 * 60 * 60 * 1000)
+      const formattedBeijingTime = beijingTime.toISOString().slice(0, 19).replace('T', ' ')
+
+      const datas = {
+        instructType: '阀门控制',
+        instructTitle: `手动${msg}`,
+        condition: `t_userfiles.f_userfiles_id='${this.userInfo.f_userfiles_id}'`,
+        meterBrandName: this.userInfo.f_alias,
+        f_instruct_state: '待发送',
+        inputtor: Vue.$login.f.name,
+        inputtorid: Vue.$login.f.id,
+        reasonInfo: this.operateReason,
+        meternumberf: this.userInfo.f_meternumber,
+        contentData: { isOpen: oper ? 1 : 0 },
+        auto_adjust_option: this.selectedOption,
+        delaySeconds: delaySeconds,
+        executeDelayedOperation: true,
+        f_timestamp: formattedBeijingTime, // 使用北京时间
+        f_userfiles_id: this.userInfo.f_userfiles_id,
+        f_userinfo_id: this.userInfo.f_userinfo_id
+      }
+      console.log('看看datas', datas)
+      const _this = this
+      // 计算延迟时间
+      switch (_this.selectedOption) {
+        case '1小时后自动':
+          delaySeconds = 3600 // 1小时 = 3600秒
+          break
+        case '3小时后自动':
+          delaySeconds = 10800 // 3小时 = 10800秒
+          break
+        case '6小时后自动':
+          delaySeconds = 21600 // 6小时 = 21600秒
+          break
+        case '12小时后自动':
+          delaySeconds = 43200 // 12小时 = 43200秒
+          break
+        default:
+          delaySeconds = 0
+      }
+
+      adjustedTime.setSeconds(adjustedTime.getSeconds() + delaySeconds)
+      const adjustedBeijingTime = new Date(adjustedTime.getTime() + 8 * 60 * 60 * 1000)
+      const formattedAdjustedBeijingTime = adjustedBeijingTime.toISOString().slice(0, 19).replace('T', ' ')
+
+      // 更新 datas 对象
+      datas.delaySeconds = delaySeconds
+      datas.f_current_timestamp = formattedAdjustedBeijingTime // 使用延迟后的北京时间
+      runLogic('iot_saveInstruct', datas, 'af-revenue').then(res => {
+        _this.valve = false
+        _this.operateReason = ''
+        if (_this.selectedOption !== '手动') {
+          const msg = _this.selectedOption !== '自动' ? `阀控状态将在${_this.selectedOption}后自动调整为【自动】` : `阀控状态自动调整为 【自动】`
+          this.$message.success(msg)
+          runLogic('iot_processDelayedOperations',datas,'af-revenue').then(res => {
+            this.$emit('refresh')
+            console.log('延时操作逻辑已执行')
+          })
+        } else {
+          this.$emit('refresh')
+        }
+        this.$message.success('操作成功')
+      })
     }
   },
   created () {

package/src/base-client/components/common/InvoiceComponent/index.vue

@@ -1,81 +0,0 @@
-<template>
-  <a-form :model="invoiceData" ref="invoiceForm" label-col="{ span: 4 }" wrapper-col="{ span: 14 }">
-    <!-- 卖方信息 -->
-    <a-form-item label="卖方信息">
-      <a-input v-model="invoiceData.seller" placeholder="请输入卖方信息"></a-input>
-    </a-form-item>
-
-    <!-- 买方信息 -->
-    <a-form-item label="买方信息">
-      <a-input v-model="invoiceData.buyer" placeholder="请输入买方信息"></a-input>
-    </a-form-item>
-
-    <!-- 项目明细 -->
-    <a-form-item label="项目明细">
-      <div v-for="(item, index) in invoiceData.items" :key="index" class="item-row">
-        <a-input v-model="item.name" placeholder="项目名称" style="width: 20%; margin-right: 10px;"></a-input>
-        <a-input v-model="item.quantity" placeholder="数量" style="width: 15%; margin-right: 10px;"></a-input>
-        <a-input v-model="item.price" placeholder="单价" style="width: 20%; margin-right: 10px;"></a-input>
-        <a-input v-model="item.tax" placeholder="税额" style="width: 20%;"></a-input>
-      </div>
-      <a-button type="dashed" @click="addItem" style="margin-top: 10px;">添加项目</a-button>
-    </a-form-item>
-
-    <!-- 合计金额 -->
-    <a-form-item label="合计金额">
-      <a-input v-model="invoiceData.total" placeholder="合计金额"></a-input>
-    </a-form-item>
-
-    <!-- 备注 -->
-    <a-form-item label="备注">
-      <a-input v-model="invoiceData.remarks" placeholder="请输入备注"></a-input>
-    </a-form-item>
-    <!-- 操作按钮 -->
-    <a-form-item wrapper-col="{ span: 14, offset: 4 }">
-      <a-button type="primary" @click="submitInvoice">开票</a-button>
-      <a-button style="margin-left: 8px;" @click="saveDraft">保存草稿</a-button>
-    </a-form-item>
-  </a-form>
-</template>
-
-<script>
-export default {
-  name: 'InvoiceComponent',
-  data () {
-    return {
-      // 发票数据模型
-      invoiceData: {
-        seller: '', // 卖方信息
-        buyer: '', // 买方信息
-        items: [ // 项目明细
-          { name: '', quantity: '', price: '', tax: '' }
-        ],
-        total: '', // 合计金额
-        remarks: '' // 备注
-      }
-    }
-  },
-  methods: {
-    // 添加项目明细
-    addItem () {
-      this.invoiceData.items.push({ name: '', quantity: '', price: '', tax: '' })
-    },
-    // 提交发票
-    submitInvoice () {
-      console.log('开票数据: ', this.invoiceData)
-      // 在此处执行发票提交的逻辑
-    },
-    // 保存草稿
-    saveDraft () {
-      console.log('保存草稿: ', this.invoiceData)
-      // 在此处执行保存草稿的逻辑
-    }
-  }
-}
-</script>
-
-<style scoped>
-.item-row {
-  margin-bottom: 10px;
-}
-</style>