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

package/src/views/userRecords/operateRecordDetail/operateRecordDetails/OtherChargeDetail.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_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/OverUserChangeDetail.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_pregas }}
+          </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_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/ReBillDetail.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_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_type }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            补打类型
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_bill_type }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            收费时间
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_charge_operate_date }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            收费记录id
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_charge_id }}
+          </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/RefundDetail.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">
+            {{ 0 - (props.data.f_collection - 0) }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            退费原因
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_refund_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/ReplaceCardManageCancelDetail.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_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_cancel_reason }}
+          </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>

package/src/views/userRecords/operateRecordDetail/operateRecordDetails/ReplaceCardManageDetail.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_ispick_table }}
+          </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_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>