周报列表

src/api/modules/http.js

@@ -1093,4 +1093,104 @@ export function	invalidReceptionRank(data) {
     method: 'post',
     data: data
   })
+}
+
+// 获取项目转写类型
+export function	findByHouseIdForRecharge(params) {
+  return request({
+    url: 'autoSR/zk/recharge/findByHouseIdForRecharge',
+    method: 'get',
+    params
+  })
+}
+
+// 修改/添加剩余转写时长
+export function	addRechargeHouse(data) {
+  return request({
+    url: 'autoSR/zk/recharge/addRechargeHouse',
+    method: 'post',
+    data
+  })
+}
+
+// 获取项目转写类型
+export function	findDataByRuleId(params) {
+  return request({
+    url: 'autoSR/monthly/findDataByRuleId',
+    method: 'get',
+    params
+  })
+}
+
+// 添加智能报告
+export function	addMonthlyData(data) {
+  return request({
+    url: 'autoSR/monthly/addMonthlyData',
+    method: 'post',
+    data
+  })
+}
+
+// 智能报告列表
+export function	monthlyDataFindByPage(params) {
+  return request({
+    url: 'autoSR/monthly/findByPage',
+    method: 'get',
+    params
+  })
+}
+
+
+// 删除记录
+export function	monthlyDeleteDataById(params) {
+  return request({
+    url: 'autoSR/monthly/deleteDataById',
+    method: 'get',
+    params
+  })
+}
+
+// 删除智能报告规则
+export function	monthlyDeleteByRuleId(params) {
+  return request({
+    url: 'autoSR/monthly/deleteByRuleId',
+    method: 'get',
+    params
+  })
+}
+
+// 智能报告公司下的项目
+export function	monthlyGetProjectList(params) {
+  return request({
+    url: 'autoSR/monthly/getProjectList',
+    method: 'get',
+    params
+  })
+}
+
+// 智能报告详情
+export function	monthlyFindRuleById(params) {
+  return request({
+    url: 'autoSR/monthly/findRuleById',
+    method: 'get',
+    params
+  })
+}
+
+// 添加智能报告
+export function	monthlyAddMonthlyRule(data) {
+  return request({
+    url: 'autoSR/monthly/addMonthlyRule',
+    method: 'post',
+    data
+  })
+}
+
+// 获取项目列表 （智能报告）
+export function	monthlygetOrgCodeList(params) {
+  return request({
+    url: 'autoSR/monthly/getOrgCodeList',
+    method: 'get',
+    params
+  })
 }

src/page/check/chose.vue

@@ -449,8 +449,11 @@ export default {
   },
 };
 </script>
-
 <style lang="scss" scoped >
+
+/deep/body {
+  background: #000;
+}
 .box-center {
   min-width: 1200px;
   height: 100vh;

src/router/page/index.js

@@ -53,6 +53,10 @@ export default [{
     {
       path: '/sugdetail',
       component: () => import(/* webpackChunkName: "views" */"@/views/building/sugDetail")
+    },
+    {
+      path: '/Statistics/createReport',
+      component: () => import(/* webpackChunkName: "views" */"@/views/Statistics/createReport")
     }
 
   ]

src/views/Statistics/intelligentReporting.vue

@@ -0,0 +1,692 @@
+<template>
+  <div class="pages">
+    <div class="titles">
+      <el-button type="primary" size="medium" @click="goCreatReport"
+        >创建报告</el-button
+      >
+    </div>
+    <div class="tablebox">
+      <el-table :data="tableData" style="width: 100%">
+        <el-table-column prop="name" label="模板名称" align="center">
+        </el-table-column>
+        <el-table-column prop="orgName" label="公司" align="center">
+        </el-table-column>
+        <el-table-column prop="accountName" label="创建人" align="center">
+        </el-table-column>
+        <el-table-column prop="createTime" label="创建时间" align="center">
+        </el-table-column>
+
+        <el-table-column label="操作" width="250" align="center">
+          <template slot-scope="{ row }">
+            <template>
+              <el-button
+                @click.native.prevent="goCreatReport(row)"
+                type="text"
+                size="small"
+                >报告规则
+              </el-button>
+            </template>
+            <template>
+              <el-button
+                @click.native.prevent="showRuleTips(row)"
+                type="text"
+                size="small"
+                >生成报告
+              </el-button>
+            </template>
+            <template>
+              <el-button
+                @click.native.prevent="showHistory(row)"
+                type="text"
+                size="small"
+                >生成记录
+              </el-button>
+            </template>
+            <template>
+              <el-button
+                @click.native.prevent="deleteByRule(row)"
+                type="text"
+                size="small"
+                >删除
+              </el-button>
+            </template>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div style="display: flex; justify-content: flex-end; margin-top: 10px">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="pageParams.pageNum"
+          :page-sizes="[10, 20, 30]"
+          :page-size="pageParams.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="pageParams.total"
+        >
+        </el-pagination>
+      </div>
+    </div>
+
+    <el-dialog
+      title="生成报告"
+      :visible.sync="creatRule"
+      :close-on-click-modal="false"
+      width="50%"
+    >
+      <div class="sections">
+        <div class="s-box">
+          <div class="date">
+            <span class="ld" style="flex-shrink: 0">报告名称</span>
+            <div class="date-box">
+              <el-input
+                v-model="params.name"
+                class="right-select"
+                placeholder="请输入报告名称"
+              ></el-input>
+            </div>
+          </div>
+          <div class="date">
+            <span class="ld" style="flex-shrink: 0">接待时间</span>
+            <div class="date-box">
+              <el-select
+                class="selectone"
+                placeholder="请选择"
+                v-model="params.dateType"
+                @change="emptyDateType"
+              >
+                <el-option
+                  v-for="item in dateTypeLsit"
+                  :key="item.label"
+                  :label="item.label"
+                  :value="item.label"
+                >
+                </el-option>
+              </el-select>
+
+              <template v-if="params.dateType == '周'">
+                <el-date-picker
+                  v-model="params.time"
+                  type="week"
+                  format="yyyy年-W周"
+                  :picker-options="weekPickerOptions"
+                  placeholder="请选择"
+                >
+                </el-date-picker>
+              </template>
+
+              <template v-if="params.dateType == '月'">
+                <el-date-picker
+                  v-model="params.time"
+                  type="month"
+                  format="yyyy-MM"
+                  value-format="yyyy-MM"
+                  :picker-options="weekPickerOptions"
+                  placeholder="请选择"
+                >
+                </el-date-picker>
+              </template>
+
+              <template v-if="params.dateType == '自定义'">
+                <el-date-picker
+                  class="little"
+                  value-format="yyyy-MM-dd"
+                  v-model="params.time"
+                  type="daterange"
+                  range-separator="-"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  :picker-options="weekPickerOptions"
+                >
+                </el-date-picker>
+              </template>
+
+              <span class="ld" style="margin: 0 10px; flex-shrink: 0"
+                >对比时间</span
+              >
+
+              <template v-if="params.dateType == '周'">
+                <el-date-picker
+                  v-model="params.contrastTime"
+                  type="week"
+                  format="yyyy年-W周"
+                  :picker-options="weekPickerOptions"
+                  placeholder="请选择"
+                >
+                </el-date-picker>
+              </template>
+
+              <template v-if="params.dateType == '月'">
+                <el-date-picker
+                  v-model="params.contrastTime"
+                  type="month"
+                  format="yyyy-MM"
+                  value-format="yyyy-MM"
+                  :picker-options="weekPickerOptions"
+                  placeholder="请选择"
+                >
+                </el-date-picker>
+              </template>
+
+              <template v-if="params.dateType == '自定义'">
+                <el-date-picker
+                  class="little"
+                  v-model="params.contrastTime"
+                  type="daterange"
+                  value-format="yyyy-MM-dd"
+                  range-separator="-"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  :picker-options="weekPickerOptions"
+                >
+                </el-date-picker>
+              </template>
+            </div>
+          </div>
+          <div class="date">
+            <span class="ld">选择项目</span>
+            <div class="date-box">
+              <el-select
+                class="selectone"
+                placeholder="请选择"
+                v-model="params.houseType"
+              >
+                <el-option
+                  v-for="item in selectItem"
+                  :key="item.label"
+                  :label="item.label"
+                  :value="item.label"
+                >
+                </el-option>
+              </el-select>
+
+              <template v-if="params.houseType != '全部'">
+                <el-select
+                  class="selectone"
+                  style="width: 280px"
+                  placeholder="请选择"
+                  v-model="params.selectHouseId"
+                  filterable
+                  multiple
+                  collapse-tags
+                >
+                  <el-option
+                    v-for="item in projectList"
+                    :key="item.id"
+                    :label="item.propertyName"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select>
+              </template>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="creatRule = false">取 消</el-button>
+        <el-button type="primary" @click="addMonthlyData()">确 定</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="生成纪录"
+      :visible.sync="roleHistory"
+      :close-on-click-modal="false"
+    >
+      <div>
+        <el-table :data="gridData" max-height="450px">
+          <el-table-column property="name" label="报告名称"></el-table-column>
+          <el-table-column
+            property="createName"
+            label="生成人"
+          ></el-table-column>
+          <el-table-column
+            property="createTime"
+            label="生成时间"
+          ></el-table-column>
+          <el-table-column property="address" label="操作">
+            <template slot-scope="{ row }">
+              <template v-if="row.status == 1">
+                <el-button
+                  @click.native.prevent="toDetail(row)"
+                  type="text"
+                  size="small"
+                  >查看
+                </el-button>
+              </template>
+              <template v-if="false">
+                <el-button
+                  @click.native.prevent="b(row)"
+                  type="text"
+                  size="small"
+                  >下载
+                </el-button>
+              </template>
+              <template v-if="row.status == 1">
+                <el-button
+                  @click.native.prevent="deleteDataById(row)"
+                  type="text"
+                  size="small"
+                  >删除
+                </el-button>
+              </template>
+              <template v-if="!row.status">
+                <span style="color: #808080ff">生成中...</span>
+              </template>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div style="display: flex; justify-content: flex-end; margin-top: 10px">
+          <el-pagination
+            @size-change="handleSizeChanges"
+            @current-change="handleCurrentChanges"
+            :current-page="creatHistory.pageNum"
+            :page-sizes="[10, 20, 30]"
+            :page-size="creatHistory.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="creatHistory.total"
+          >
+          </el-pagination>
+        </div>
+      </div>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="roleHistory = false">关 闭</el-button>
+        <el-button type="primary" @click="roleHistory = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      // 周选择器配置
+      weekPickerOptions: {
+        disabledDate(time) {
+          const halfYear = (365 / 2) * 24 * 3600 * 1000;
+          let newDates = new Date();
+          let startTime = new Date(newDates.getTime() - halfYear).getTime();
+          return time.getTime() > Date.now() || time.getTime() < startTime;
+        },
+      },
+      row: {}, // 生成月报的数据集合
+      params: {
+        name: "", // 报告名称
+        dateType: "周", //  周 月 自定义
+        houseType: "全部", //
+        selectHouseId: [], // 选中house的id
+        time: "", // 日期
+        contrastTime: "", // 对比日期
+      },
+      dateTypeLsit: [
+        {
+          label: "周",
+        },
+        {
+          label: "月",
+        },
+        {
+          label: "自定义",
+        },
+      ],
+      selectItem: [
+        {
+          label: "全部",
+        },
+        {
+          label: "不等于",
+        },
+        {
+          label: "等于",
+        },
+      ],
+      creatRule: false, // 生成报告
+      roleHistory: false, // 生成记录
+      gridData: [], // 生成记录列表
+
+      pageParams: {
+        // 分页参数
+        total: 0,
+        pageNum: 1, //页码
+        pageSize: 10, //每页显示的记录数
+        houseId: localStorage.getItem("houseId"), //  当前登陆楼盘
+      },
+      projectList: [], // 项目列表
+
+      creatHistory: {
+        ruleId: "", // 当前生成记录的id
+        pageNum: 1, //页码
+        pageSize: 10, //每页显示的记录数
+        total: 0, // 总条数
+      }, // 生成记录
+      tableData: [], // 列表数据
+    };
+  },
+
+  mounted() {
+    this.getFindByPage();
+  },
+
+  methods: {
+    // 生成记录
+    findDataByRuleId() {
+      this.$api.http.findDataByRuleId(this.creatHistory).then((res) => {
+        this.gridData = res.data.records;
+        this.roleHistory = true; // 获取到数据后展示列表
+        this.creatHistory.total = res.data.total;
+      });
+    },
+
+    emptyDateType() {
+      if (this.params.dateType != "自定义") {
+        this.params.time = "";
+        this.params.contrastTime = "";
+      } else {
+        this.params.time = [];
+        this.params.contrastTime = [];
+      }
+    },
+    // 获取该公司下的项目
+    getProjectList(row) {
+      this.$api.http.monthlyGetProjectList({
+          orgCode: row.orgCode,
+        }).then((res) => {
+        this.projectList = res.data.data;
+      });
+    },
+
+    // screen      //筛选条件
+    // ruleId      //月报规则id
+
+    // 添加筛选时间
+    addMonthlyData() {
+      if (!this.params.name) {
+        this.$message.error("请输入报告名称");
+        return;
+      }
+      console.log(this.params);
+      let arr = [];
+      let obj = {
+        screen: "",
+        name: this.params.name,
+        ruleId: this.row.id,
+      };
+
+      // 自定义时间选择
+      if (this.params.dateType == "自定义") {
+        if (!this.params.time || this.params.time.length == 0) {
+          this.$message.error("请选择时间");
+          return;
+        }
+        if (!this.params.contrastTime || this.params.contrastTime.length == 0) {
+          this.$message.error("请选择对比时间");
+          return;
+        }
+        let aTime =
+          new Date(this.params.time[1]).getTime() -
+          new Date(this.params.time[0]).getTime();
+        let bTime =
+          new Date(this.params.contrastTime[1]).getTime() -
+          new Date(this.params.contrastTime[0]).getTime();
+        if (aTime != bTime) {
+          this.$message.error("请选择相同天数的时间段");
+          return;
+        }
+      }
+
+      // 是否选择时间
+      if (
+        !this.params.time ||
+        !this.params.contrastTime ||
+        this.params.time.length == 0 ||
+        this.params.contrastTime.length == 0
+      ) {
+        this.$message.error("请选择时间");
+        return;
+      }
+
+      // 指定选择某些项目时
+      if (
+        this.params.houseType != "全部" &&
+        this.params.selectHouseId.length == 0
+      ) {
+        this.$message.error("请选择项目");
+        return;
+      }
+
+      if (this.params.houseType == "不等于") {
+        this.projectList.forEach((item) => {
+          if (!this.params.selectHouseId.includes(item.id)) {
+            arr.push(item.id);
+          }
+        });
+        let a = {
+          ...this.params,
+          houstId: arr.join(","),
+        };
+        obj.screen = JSON.stringify(a);
+      } else {
+        let a = {
+          ...this.params,
+          houstId: this.params.selectHouseId.join(","),
+        };
+        obj.screen = JSON.stringify(a);
+      }
+      this.creatRule = false; // 先关闭弹窗
+      this.params = {
+        dateType: "周", //  周 月 自定义
+        houseType: "全部", //
+        selectHouseId: [], // 选中house的id
+        time: "", // 日期
+        contrastTime: "", // 对比日期
+      };
+      this.$api.http.addMonthlyData(obj).then((res) => {
+        console.log(res, "resss");
+        if (res.code == 10000) {
+          this.$message.success(res.message)
+        } else {
+          this.$message.error(res.message)
+        }
+      });
+    },
+
+    // 跳转详情
+    toDetail(row) {
+      localStorage.setItem("monthlyDetailId", row.id);
+      window.location.href = "${jypath}/monthly/detail";
+    },
+
+    // 生成报告
+    showRuleTips(row) {
+      this.row = row;
+      this.emptyDateType();
+      this.getProjectList(row);
+      this.creatRule = true;
+    },
+
+    // 生成记录
+    showHistory(row) {
+      this.creatHistory.ruleId = row.id;
+      this.findDataByRuleId();
+    },
+    // 跳转页面
+    goCreatReport(data) {
+      // if (data) {
+      //   localStorage.setItem("ruleId", data.id);
+      // }
+      // window.location.href = "${jypath}/monthly/rule";
+      this.$router.push({
+        path: '/Statistics/createReport',
+        query: {
+          id: data.id||''
+        }
+      })
+    },
+
+    // 分页每页条数改变
+    handleSizeChange(val) {
+      this.pageParams.pageNum = 1;
+      this.pageParams.pageSize = val;
+      this.getFindByPage();
+    },
+
+    //  切换上下页面
+    handleCurrentChange(val) {
+      this.pageParams.pageNum = val;
+      this.getFindByPage();
+    },
+
+    handleSizeChanges(val) {
+      this.creatHistory.pageNum = 1;
+      this.creatHistory.pageSize = val;
+      this.findDataByRuleId();
+    },
+
+    //  切换上下页面
+    handleCurrentChanges(val) {
+      this.creatHistory.pageNum = val;
+      this.findDataByRuleId();
+    },
+
+    //获取table数据、
+    getFindByPage() {
+      this.$api.http.monthlyDataFindByPage(this.pageParams).then((res) => {
+        if (res.code == 10000) {
+          this.tableData = res.data.records;
+          this.pageParams.total = res.data.total;
+        }
+      });
+    },
+
+    // 删除记录
+    deleteDataById(row) {
+      this.$confirm("是否删除此报告", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.$api.http.monthlyDeleteDataById({
+              id: row.id,
+            }).then((res) => {
+              if (res.code == 10000) {
+                this.$message.success("操作成功");
+                this.findDataByRuleId();
+              } else {
+                this.$message.error(res.message);
+              }
+            })
+            .catch((e) => {
+              this.$message.error("操作失败");
+            });
+        })
+        .catch(() => {});
+    },
+
+    // monthly/deleteByRuleId
+    deleteByRule(row) {
+      this.$confirm('是否删除"' + row.name + '"报告', "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.$api.http.monthlyDeleteByRuleId({
+              id: row.id,
+            })
+            .then((res) => {
+              if (res.code == 10000) {
+                this.$message.success("操作成功");
+                this.getFindByPage();
+              } else {
+                this.$message.error(res.data.message);
+              }
+              location.reload();
+            })
+            .catch((e) => {
+              this.$message.error("操作失败");
+            });
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.pages {
+  margin: 0 auto;
+  width: 98%;
+  height: 90%;
+  padding: 15px;
+  background: #fff;
+  border-radius: 16px;
+}
+
+.titles {
+  padding: 10px 20px;
+  background: #fff;
+}
+
+.sl-fl-tit {
+  padding: 16px 0 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.date {
+  display: flex;
+  align-items: center;
+}
+
+.date .date-box {
+  display: flex;
+  align-items: center;
+}
+
+.s-box .date .ld {
+  margin-right: 10px;
+}
+
+.s-title {
+  height: 32px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 18px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #333333;
+}
+
+.s-box .date .ld {
+  margin-right: 10px;
+}
+
+.s-box {
+  display: flex;
+  flex-direction: column;
+}
+
+.date .date-box {
+  display: flex;
+  align-items: center;
+}
+
+.selectone {
+  padding: 10px 0;
+  margin-right: 20px;
+  flex-shrink: 0;
+  width: 180px;
+}
+
+.sections {
+  flex-direction: column;
+}
+
+.little {
+  width: 120px;
+}
+</style>

src/views/building/index.vue

@@ -255,6 +255,14 @@
                   >使用建议</el-button
                 >
               </el-dropdown-item>
+              <el-dropdown-item>
+                <el-button
+                  type="text"
+                  size="small"
+                  @click="reloadTranscription(row)"
+                  >转写充值</el-button
+                >
+              </el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
         </template>
@@ -268,9 +276,7 @@
       width="600px"
       center
     >
-      <div
-        style="padding: 0 10px;height: 500px; overflow-y: scroll"
-      >
+      <div style="padding: 0 10px; height: 500px; overflow-y: scroll">
         <el-form
           :model="ruleForm"
           label-position="labelPosition"
@@ -302,6 +308,13 @@
               <el-radio :label="3">测试</el-radio>
             </el-radio-group>
           </el-form-item>
+          <el-form-item label="付费方式" prop="wayOfPaying">
+            <el-radio-group class="houseType" v-model="ruleForm.wayOfPaying">
+              <el-radio :label="0">包段付费</el-radio>
+              <el-radio :label="1">转写付费</el-radio>
+            </el-radio-group>
+          </el-form-item>
+
           <el-form-item label="项目名称" prop="propertyName">
             <el-input
               v-model="ruleForm.propertyName"
@@ -316,7 +329,7 @@
             v-if="orgType != 2"
           >
             <el-date-picker
-            style="width:280px"
+              style="width: 280px"
               v-model="time"
               @change="timeChange"
               type="daterange"
@@ -330,7 +343,7 @@
           </el-form-item>
           <el-form-item label="日报推送时间" prop="time">
             <el-time-picker
-            style="width:280px"
+              style="width: 280px"
               v-model="ruleForm.time"
               format="HH:mm"
               value-format="HH:mm"
@@ -341,7 +354,7 @@
           <el-form-item label="项目离线推送时间" prop="offLine">
             <el-time-picker
               is-range
-              style="width:280px"
+              style="width: 280px"
               v-model="ruleForm.offLine"
               range-separator="-"
               start-placeholder="开始时间"
@@ -454,12 +467,31 @@
             ></el-input>
           </el-form-item>
           <el-form-item label="转写方式" prop="transliterationMethod">
-            <div style="display:flex;align-items:center">
-              <el-select style="width:150px" v-model="ruleForm.transliterationMethod" placeholder="请选择项目" @change="changeFun">
-                <el-option v-for="(item,index) in projectList" :label="item.name" :key="index" :value="item.code"></el-option>
+            <div style="display: flex; align-items: center">
+              <el-select
+                style="width: 150px"
+                v-model="ruleForm.transliterationMethod"
+                placeholder="请选择项目"
+                @change="changeFun"
+              >
+                <el-option
+                  v-for="(item, index) in projectList"
+                  :label="item.name"
+                  :key="index"
+                  :value="item.code"
+                ></el-option>
               </el-select>
-              <el-select style="width:150px" v-model="ruleForm.language" placeholder="请选择语种">
-                <el-option v-for="(item,index) in languageList" :label="item.name" :key="index" :value="item.code"></el-option>
+              <el-select
+                style="width: 150px"
+                v-model="ruleForm.language"
+                placeholder="请选择语种"
+              >
+                <el-option
+                  v-for="(item, index) in languageList"
+                  :label="item.name"
+                  :key="index"
+                  :value="item.code"
+                ></el-option>
               </el-select>
             </div>
           </el-form-item>
@@ -619,6 +651,57 @@
         >
       </div>
     </el-dialog>
+
+    <el-dialog
+      title="转写充值"
+      :visible.sync="rewriteRechargeShowTips"
+      @close="$refs.rewriteRecharge.resetFields()"
+      width="600px"
+      :center="true"
+    >
+      <el-form
+        :model="rewriteRecharge"
+        label-width="100px"
+        ref="rewriteRecharge"
+        :rules="rewriteRechargeRules"
+      >
+      <el-form-item label="项目名称:" prop="houseName">
+            {{ rewriteRecharge.houseName }}
+        </el-form-item>
+        <el-form-item label="剩余时长:" prop="surplusSum">
+            {{ rewriteRecharge.surplusSum || 0 }}小时
+        </el-form-item>
+        <el-form-item label="续费方式:" prop="operateType">
+          <el-radio-group v-model="rewriteRecharge.operateType">
+              <el-radio :label="0">购买</el-radio>
+              <el-radio :label="1">赠送</el-radio>
+              <el-radio :label="2">赠送</el-radio>
+              <el-radio :label="3">扣赠送</el-radio>
+            </el-radio-group>
+        </el-form-item>
+        <el-form-item label="充值数量:" prop="rechargeCount">
+          <el-input
+            style="width: 200px"
+            placeholder="充值数量"
+            v-model="rewriteRecharge.rechargeCount"
+          >
+          </el-input>小时
+        </el-form-item>
+      </el-form>
+      <div
+        style="
+          border-top: 1px solid #eee;
+          padding-top: 20px;
+          display: flex;
+          justify-content: end;
+        "
+      >
+        <el-button @click="rewriteRechargeShowTips = false">取 消</el-button>
+        <el-button type="primary" @click="addRechargeHouse" :loading="loadingFlag"
+          >确 定</el-button
+        >
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -704,6 +787,21 @@ export default {
       }
     };
     return {
+      rewriteRechargeRules: {
+        operateType: [
+          { required: true, message: '请选择充值类型', trigger: 'blur' },
+        ],
+        rechargeCount: [
+          { required: true, message: '请输入充值数量', trigger: 'blur' },
+        ],
+      }, // 
+      rewriteRechargeShowTips: false, // 转写充值弹窗
+      rewriteRecharge: {
+        houseId: "", // 项目ID
+        operateType: 0, // 充值类型
+        rechargeCount: "", // 对应的值
+      }, // 转写充值入参
+
       tableIdName: "buildingIndex", // 当前页面需要的变量
       tableOption: this.$tableOption.buildingIndex, // 当前table配置项
       tableLoading: false, // 监听的显示列的变量
@@ -876,6 +974,7 @@ export default {
       },
       houseList: [], // 项目列表
       ruleForm: {
+        wayOfPaying: 0, //0:包段付费，1:转写付费
         orgCode: "", //公司标识
         houseType: 0, //项目类型
         propertyName: "", //项目名称
@@ -896,8 +995,8 @@ export default {
         offLine: ["08:00", "20:00"], // 离线推送时间段
         caseShow: 0, // 优秀案例
         tagMatching: 0, // 客户标签匹配
-        transliterationMethod: '',//转写方式 
-        language:'',//语言
+        transliterationMethod: "", //转写方式
+        language: "", //语言
         shortRecordingSetting: 0, // 短录音是否转写 是否转写短录音 0 转写(默认)  1 不转写
         auditReception: 1, // 无效接待审核 0 审核 1不审核
       },
@@ -956,8 +1055,8 @@ export default {
       agentForm: {
         agentId: "",
       },
-      projectList:[],//转写方式
-      languageList:[]//语言
+      projectList: [], //转写方式
+      languageList: [], //语言
     };
   },
   computed: {
@@ -980,11 +1079,12 @@ export default {
     this.cus_build_index_change = this.permissions["cus_build_index_change"];
     this.cus_build_index_sys = this.permissions["cus_build_index_sys"];
     this.cus_build_index_agent = this.permissions["cus_build_index_agent"];
-    this.cus_build_index_bindAgent = this.permissions["cus_build_index_bindAgent"];
+    this.cus_build_index_bindAgent =
+      this.permissions["cus_build_index_bindAgent"];
     this.cus_build_index_del = this.permissions["cus_build_index_del"];
     this.cus_build_index_open = this.permissions["cus_build_index_open"];
     // 获取转写方式数据
-    this.findTransferMethod()
+    this.findTransferMethod();
   },
   mounted() {
     if (this.$route.query.serviceStatus) {
@@ -1023,32 +1123,50 @@ export default {
     this.zkhousePage();
     // 获取项目列表
     this.zkhousePages();
-    
   },
   methods: {
-    changeFun(value){
-        // console.log(value)
-      this.ruleForm.language = ''
-      this.projectList.forEach(item=>{
-        if(item.code==value){
-          this.languageList = item.list
-          this.ruleForm.language = this.languageList[0].code
-        }
+    // 转写充值
+    reloadTranscription(data) {
+      this.$api.http
+        .findByHouseIdForRecharge({ houseId: data.id })
+        .then((res) => {
+          console.log(res);
+          this.rewriteRecharge.houseId = data.id
+          this.rewriteRecharge.houseName = res.data.houseName // 项目名称
+          this.rewriteRecharge.surplusSum = res.data.surplusSum // 项目剩余时长
+          this.rewriteRechargeShowTips = true
+        });
+      console.log(data);
+    },
+    addRechargeHouse() {
+      this.$api.http.addRechargeHouse(this.rewriteRecharge).then(res => {
+        this.zkhousePage();
+        this.rewriteRechargeShowTips = false
       })
     },
+
+    changeFun(value) {
+      // console.log(value)
+      this.ruleForm.language = "";
+      this.projectList.forEach((item) => {
+        if (item.code == value) {
+          this.languageList = item.list;
+          this.ruleForm.language = this.languageList[0].code;
+        }
+      });
+    },
     // 转写方式
-    findTransferMethod(){
+    findTransferMethod() {
       axios({
-          url: `autoSR/zkhouse/findTransferMethod`,
-          method: "get",
-          data: {
-          },
-        }).then((res) => {
-          // console.log(res)
-          if(res.code==0){
-            this.projectList = res.data||[]
-            this.languageList = res.data&&res.data[0].list||[]
-          }
+        url: `autoSR/zkhouse/findTransferMethod`,
+        method: "get",
+        data: {},
+      }).then((res) => {
+        // console.log(res)
+        if (res.code == 0) {
+          this.projectList = res.data || [];
+          this.languageList = (res.data && res.data[0].list) || [];
+        }
       });
     },
     // 获取当前页面的显隐
@@ -1286,7 +1404,7 @@ export default {
             this.loadingFlag = false;
             return;
           }
-          if (this.ruleForm.language=='') {
+          if (this.ruleForm.language == "") {
             this.$message.error("请选择转写语言");
             this.loadingFlag = false;
             return;
@@ -1422,19 +1540,19 @@ export default {
       ];
       // console.log(this.time)
       this.ruleForm = Object.assign({}, row);
-      this.ruleForm.shortRecordingSetting = row.shortRecordingSetting || 0
+      this.ruleForm.shortRecordingSetting = row.shortRecordingSetting || 0;
       this.ruleForm.area = [this.ruleForm.provinceId, this.ruleForm.cityId];
       this.ruleForm.time = row.time || "22:00";
-      if (row.offLine && row.offLine.indexOf('~') != -1) {
-        this.ruleForm.offLine = row.offLine.split('~')
+      if (row.offLine && row.offLine.indexOf("~") != -1) {
+        this.ruleForm.offLine = row.offLine.split("~");
       }
-      if(row.transliterationMethod){
-        this.projectList.forEach(item=>{
-          if(item.code==row.transliterationMethod){
-            this.languageList = item.list
+      if (row.transliterationMethod) {
+        this.projectList.forEach((item) => {
+          if (item.code == row.transliterationMethod) {
+            this.languageList = item.list;
           }
-        })
-      }else{
+        });
+      } else {
       }
       this.editFlag = true;
       this.dialogVisible = true;