af-mobile-client-vue3 1.2.59 → 1.3.2-2.1

package/src/views/userRecords/operateRecordDetail/operateRecordDetails/GasPriceChangeDetail.vue

@@ -0,0 +1,126 @@
+<script setup lang="ts">
+import { Col, Row } from 'vant'
+
+const props = defineProps<{
+  data: Record<any, any>
+}>()
+</script>
+
+<template>
+  <div class="detail-container">
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            客户姓名
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_user_name }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            变更内容
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_change_content }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            变更数目
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_reality_count }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            变更原因
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_change_cause }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            操作时间
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_operate_date }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            操作人
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_operator }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+  </div>
+</template>
+
+<style scoped lang="less">
+.detail-container {
+  padding: 8px;
+  background: #ffffff;
+  border-radius: 4px;
+  box-shadow: 0 1px 4px rgba(100, 101, 102, 0.08);
+
+  :deep(.van-row) {
+    margin-bottom: 2px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.detail-item {
+  padding: 4px 8px;
+  display: flex;
+  align-items: center;
+
+  .detail-label {
+    font-size: 13px;
+    color: #969799;
+    margin: 0;
+    min-width: 70px;
+  }
+
+  .detail-value {
+    font-size: 13px;
+    color: #323233;
+    margin: 0 0 0 8px;
+    flex: 1;
+    word-break: break-all;
+  }
+}
+</style>

package/src/views/userRecords/operateRecordDetail/operateRecordDetails/InputtorChangeDetail.vue

@@ -0,0 +1,126 @@
+<script setup lang="ts">
+import { Col, Row } from 'vant'
+
+const props = defineProps<{
+  data: Record<any, any>
+}>()
+</script>
+
+<template>
+  <div class="detail-container">
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            客户姓名
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_user_name }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            变更内容
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_change_content }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            变更数目
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_reality_count }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            变更原因
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_change_cause }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            操作时间
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_operate_date }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            操作人
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_operator }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+  </div>
+</template>
+
+<style scoped lang="less">
+.detail-container {
+  padding: 8px;
+  background: #ffffff;
+  border-radius: 4px;
+  box-shadow: 0 1px 4px rgba(100, 101, 102, 0.08);
+
+  :deep(.van-row) {
+    margin-bottom: 2px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.detail-item {
+  padding: 4px 8px;
+  display: flex;
+  align-items: center;
+
+  .detail-label {
+    font-size: 13px;
+    color: #969799;
+    margin: 0;
+    min-width: 70px;
+  }
+
+  .detail-value {
+    font-size: 13px;
+    color: #323233;
+    margin: 0 0 0 8px;
+    flex: 1;
+    word-break: break-all;
+  }
+}
+</style>

package/src/views/userRecords/operateRecordDetail/operateRecordDetails/IotMeterCenterCancelDetail.vue

@@ -0,0 +1,114 @@
+<script setup lang="ts">
+import { Col, Row } from 'vant'
+
+const props = defineProps<{
+  data: Record<any, any>
+}>()
+</script>
+
+<template>
+  <div class="detail-container">
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            客户姓名
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_user_name }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            撤销时间
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_operate_date }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            操作人
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_operator }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            购气金额
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_collection }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            撤销原因
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_cancel_reason }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+  </div>
+</template>
+
+<style scoped lang="less">
+.detail-container {
+  padding: 8px;
+  background: #ffffff;
+  border-radius: 4px;
+  box-shadow: 0 1px 4px rgba(100, 101, 102, 0.08);
+
+  :deep(.van-row) {
+    margin-bottom: 2px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.detail-item {
+  padding: 4px 8px;
+  display: flex;
+  align-items: center;
+
+  .detail-label {
+    font-size: 13px;
+    color: #969799;
+    margin: 0;
+    min-width: 70px;
+  }
+
+  .detail-value {
+    font-size: 13px;
+    color: #323233;
+    margin: 0 0 0 8px;
+    flex: 1;
+    word-break: break-all;
+  }
+}
+</style>

package/src/views/userRecords/operateRecordDetail/operateRecordDetails/IotMeterCenterDetail.vue

@@ -0,0 +1,127 @@
+<script setup lang="ts">
+import { Col, Row } from 'vant'
+
+const props = defineProps<{
+  data: Record<any, any>
+}>()
+</script>
+
+<template>
+  <div class="detail-container">
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            客户姓名
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_user_name }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            操作时间
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_operate_date }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            操作人
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_operator }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            购气金额
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_collection }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            表号
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_meternumber }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            备注
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_comments }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+  </div>
+</template>
+
+<style scoped lang="less">
+.detail-container {
+  padding: 8px;
+  background: #ffffff;
+  border-radius: 4px;
+  box-shadow: 0 1px 4px rgba(100, 101, 102, 0.08);
+
+  :deep(.van-row) {
+    margin-bottom: 2px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.detail-item {
+  padding: 4px 8px;
+  display: flex;
+  align-items: center;
+
+  .detail-label {
+    font-size: 13px;
+    color: #969799;
+    margin: 0;
+    min-width: 70px;
+  }
+
+  .detail-value {
+    font-size: 13px;
+    color: #323233;
+    margin: 0 0 0 8px;
+    flex: 1;
+    word-break: break-all;
+  }
+}
+</style>

package/src/views/userRecords/operateRecordDetail/operateRecordDetails/IotOpenDetail.vue

@@ -0,0 +1,88 @@
+<script setup lang="ts">
+import { Col, Row } from 'vant'
+
+const props = defineProps<{
+  data: Record<any, any>
+}>()
+</script>
+
+<template>
+  <div class="detail-container">
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            客户姓名
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_user_name }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            操作时间
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_open_date }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            开通人
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_operator }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+  </div>
+</template>
+
+<style scoped lang="less">
+.detail-container {
+  padding: 8px;
+  background: #ffffff;
+  border-radius: 4px;
+  box-shadow: 0 1px 4px rgba(100, 101, 102, 0.08);
+
+  :deep(.van-row) {
+    margin-bottom: 2px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.detail-item {
+  padding: 4px 8px;
+  display: flex;
+  align-items: center;
+
+  .detail-label {
+    font-size: 13px;
+    color: #969799;
+    margin: 0;
+    min-width: 70px;
+  }
+
+  .detail-value {
+    font-size: 13px;
+    color: #323233;
+    margin: 0 0 0 8px;
+    flex: 1;
+    word-break: break-all;
+  }
+}
+</style>

package/src/views/userRecords/operateRecordDetail/operateRecordDetails/MachineCardDetail.vue

@@ -0,0 +1,101 @@
+<script setup lang="ts">
+import { Col, Row } from 'vant'
+
+const props = defineProps<{
+  data: Record<any, any>
+}>()
+</script>
+
+<template>
+  <div class="detail-container">
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            客户姓名
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_user_name }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            操作人
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_operator }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            补卡费用
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_cardfees }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            补卡原因
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_reason }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+  </div>
+</template>
+
+<style scoped lang="less">
+.detail-container {
+  padding: 8px;
+  background: #ffffff;
+  border-radius: 4px;
+  box-shadow: 0 1px 4px rgba(100, 101, 102, 0.08);
+
+  :deep(.van-row) {
+    margin-bottom: 2px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.detail-item {
+  padding: 4px 8px;
+  display: flex;
+  align-items: center;
+
+  .detail-label {
+    font-size: 13px;
+    color: #969799;
+    margin: 0;
+    min-width: 70px;
+  }
+
+  .detail-value {
+    font-size: 13px;
+    color: #323233;
+    margin: 0 0 0 8px;
+    flex: 1;
+    word-break: break-all;
+  }
+}
+</style>