From 2c5026145d1a76aa789531b53d32e3ad4273b8a7 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Tue, 22 Mar 2022 10:05:15 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=81=E7=A7=BB=E7=A7=AF=E5=88=86=E5=BA=94?=
 =?UTF-8?q?=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../scoreFamily/AppScoreFamily.vue            | 573 ++++++++++++++++
 .../apps/creditScore/scoreFamily/detail.vue   | 211 ++++++
 .../scoreManage/AppScoreManage.vue            |  84 +++
 .../creditScore/scoreManage/pointsAppeal.vue  | 628 +++++++++++++++++
 .../scoreManage/pointsDeclaration.vue         | 619 +++++++++++++++++
 .../creditScore/scoreManage/pointsDetails.vue | 283 ++++++++
 .../creditScore/scoreManage/scoreChange.vue   | 176 +++++
 .../scorePersonal/AppScorePersonal.vue        | 408 +++++++++++
 .../apps/creditScore/scorePersonal/detail.vue | 205 ++++++
 .../creditScore/scoreRules/AppScoreRules.vue  | 424 ++++++++++++
 .../scoreSupermarket/AppScoreSupermarket.vue  | 118 ++++
 .../scoreSupermarket/components/addGoods.vue  | 366 ++++++++++
 .../scoreSupermarket/components/addOrder.vue  | 631 ++++++++++++++++++
 .../scoreSupermarket/goodsManagement.vue      | 336 ++++++++++
 .../scoreSupermarket/orderManagement.vue      | 491 ++++++++++++++
 .../scoreSupermarket/storeManagement.vue      | 474 +++++++++++++
 16 files changed, 6027 insertions(+)
 create mode 100644 project/xiushan/apps/creditScore/scoreFamily/AppScoreFamily.vue
 create mode 100644 project/xiushan/apps/creditScore/scoreFamily/detail.vue
 create mode 100644 project/xiushan/apps/creditScore/scoreManage/AppScoreManage.vue
 create mode 100644 project/xiushan/apps/creditScore/scoreManage/pointsAppeal.vue
 create mode 100644 project/xiushan/apps/creditScore/scoreManage/pointsDeclaration.vue
 create mode 100644 project/xiushan/apps/creditScore/scoreManage/pointsDetails.vue
 create mode 100644 project/xiushan/apps/creditScore/scoreManage/scoreChange.vue
 create mode 100644 project/xiushan/apps/creditScore/scorePersonal/AppScorePersonal.vue
 create mode 100644 project/xiushan/apps/creditScore/scorePersonal/detail.vue
 create mode 100644 project/xiushan/apps/creditScore/scoreRules/AppScoreRules.vue
 create mode 100644 project/xiushan/apps/creditScore/scoreSupermarket/AppScoreSupermarket.vue
 create mode 100644 project/xiushan/apps/creditScore/scoreSupermarket/components/addGoods.vue
 create mode 100644 project/xiushan/apps/creditScore/scoreSupermarket/components/addOrder.vue
 create mode 100644 project/xiushan/apps/creditScore/scoreSupermarket/goodsManagement.vue
 create mode 100644 project/xiushan/apps/creditScore/scoreSupermarket/orderManagement.vue
 create mode 100644 project/xiushan/apps/creditScore/scoreSupermarket/storeManagement.vue

diff --git a/project/xiushan/apps/creditScore/scoreFamily/AppScoreFamily.vue b/project/xiushan/apps/creditScore/scoreFamily/AppScoreFamily.vue
new file mode 100644
index 00000000..a05b20ab
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scoreFamily/AppScoreFamily.vue
@@ -0,0 +1,573 @@
+<template>
+  <section class="scoreFamily">
+    <ai-list v-show="!detailShow">
+      <template slot="title">
+        <ai-title title="家庭积分" :isShowBottomBorder="true" :instance="instance" :isShowArea="true" @change="getList()" v-model="areaId"></ai-title>
+      </template>
+      <template slot="content">
+        <ai-search-bar bottomBorder>
+          <template slot="left">
+            <el-select size="small" v-model="searchObj.isPositive" placeholder="积分是否大于0" clearable @change="page.current = 1,getList()">
+              <el-option
+                v-for="(item,i) in isPositiveList"
+                :key="i"
+                :label="item.dictName"
+                :value="item.dictValue">
+              </el-option>
+            </el-select>
+          </template>
+          <template slot="right">
+            <el-input
+              v-model="searchObj.con"
+              size="small"
+              placeholder="户主姓名"
+              @keyup.enter.native="page.current = 1, getList()"
+              @clear="search.current = 1, search.con = '', getList()"
+              clearable
+              suffix-icon="iconfont iconSearch" />
+          </template>
+        </ai-search-bar>
+        <ai-search-bar class="mt10">
+          <template slot="left">
+            <ai-download :instance="instance" type="primary" url="/app/appvillagerintegraldetail/listExport" :params="params" fileName="家庭积分"></ai-download>
+          </template>
+        </ai-search-bar>
+        <ai-table
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="page.total"
+          ref="aitableex"
+          :current.sync="page.current"
+          :size.sync="page.size"
+          @getList="getList">
+          <el-table-column label="操作" slot="options" fixed="right" align="center" width="180">
+            <template v-slot="{row}">
+              <div class="table-options">
+                <!-- <el-button type="text" title="编辑" @click="edit(row)" :disabled="!$permissions('app_appvillagerintegralfamily_edit')">编辑</el-button> -->
+                <el-button type="text" title="家庭成员" @click="familyMember(row)" :disabled="!$permissions('app_appvillagerintegralfamilymember_edit')">家庭成员</el-button>
+                <el-button type="text" :disabled="!$permissions('app_appvillagerintegralfamily_detail')" title="详情" @click="goDetail(row)">详情</el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <detail v-if="detailShow" @goBack="goBack" :detailInfo='detailInfo' :instance='instance' :dict='dict'></detail>
+    <ai-dialog
+        :title="dialog.title"
+        :visible.sync="dialog.visible"
+        :customFooter="true"
+        :destroyOnClose="true"
+        @close="init('ruleForm')"
+        width="520px">
+      <div class="form_div">
+        <el-form ref="ruleForm" :model="dialogInfo" :rules="formRules" size="small" label-suffix="："
+                 label-width="120px">
+          <el-form-item label="类型" prop="personType">
+            <el-radio-group v-model="dialogInfo.personType" @change="typeChange"
+                            :disabled="dialog.title.indexOf('修改')!=-1">
+              <el-radio label="0">户籍居民</el-radio>
+              <el-radio label="1">外来人员</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item :label="dialog.title.indexOf('家庭')!=-1?'户主':'姓名'" prop="name">
+            <el-row type="flex" :gutter="8">
+              <el-col>
+                <el-input v-model="dialogInfo.name" disabled clearable/>
+              </el-col>
+              <el-col>
+                <ai-person-select :instance="instance" :key="personUrl" :url="personUrl" @selectPerson="getSelect"
+                                  v-if="dialog.title.indexOf('添加')!=-1"></ai-person-select>
+              </el-col>
+            </el-row>
+          </el-form-item>
+          <el-form-item label="身份证号" prop="idNumber">
+            <el-input v-model="dialogInfo.idNumber" disabled clearable/>
+          </el-form-item>
+          <el-form-item label="联系电话" prop="phone">
+            <el-input type="number" v-model="dialogInfo.phone" maxlength="11" clearable/>
+          </el-form-item>
+          <el-form-item label="所属组" prop="villageGroup" v-if="dialog.title.indexOf('家庭')!=-1">
+            <el-select v-model="dialogInfo.villageGroup" placeholder="请选择...">
+              <el-option
+                  v-for="(item,i) in dict.getDict('integralVillageGroup')"
+                  :key="i"
+                  :label="item.dictName"
+                  :value="item.dictValue"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="状态" prop="status" v-if="dialog.title.indexOf('家庭')!=-1">
+            <el-select v-model="dialogInfo.status" placeholder="请选择...">
+              <el-option
+                  v-for="(item,i) in dict.getDict('integralRuleStatus')"
+                  :key="i"
+                  :label="item.dictName"
+                  :value="item.dictValue"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="与户主关系" prop="householdRelation" v-if="dialog.title.indexOf('成员')!=-1">
+            <el-select
+                v-model="dialogInfo.householdRelation"
+                placeholder="请选择"
+                size="mini"
+                clearable
+                style="width:216px;"
+            >
+              <el-option
+                  v-for="(item,i) in dict.getDict('householdRelation')"
+                  :label="item.dictName"
+                  :key="i"
+                  :value="item.dictValue"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="dialog.visible=false" size="medium">取消</el-button>
+        <el-button @click="onConfirm('ruleForm')" type="primary" size="medium">确认</el-button>
+      </div>
+    </ai-dialog>
+    <ai-dialog class="family-list"
+        title="成员列表"
+        :visible.sync="addMemberVisible"
+        :customFooter="true"
+        :destroyOnClose="true"
+        width="780px">
+      <!-- <p class="add_btn">
+        <span class="iconfont iconAdd" @click="addFamily()"></span>
+        <span @click="addFamily()">添加家庭成员</span>
+      </p> -->
+      <ai-table
+          :tableData="familyList"
+          :col-configs="familycolConfigs"
+          :total="familyPage.total"
+          :current.sync="familyPage.current"
+          :size.sync="familyPage.size"
+          :isShowPagination="false"
+          @getList="familyMember(rowInfo)">
+        <el-table-column label="与户主关系" slot="householdRelation" align="center" width="120">
+          <template v-slot="{row}">
+            <span v-if="row.householdName == 1">户主</span>
+            <span v-else>{{dict.getLabel('householdRelation', row.householdRelation)}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="类型" slot="personType" align="center" width="120">
+          <template v-slot="{row}">户籍居民</template>
+        </el-table-column>
+        <el-table-column label="身份证号" slot="idNumber" align="center" width="165">
+          <template v-slot="{row}">
+            <ai-id mode="show" :show-eyes="false" :value="row.idNumber"/>
+          </template>
+        </el-table-column>
+        <!-- <el-table-column label="操作" slot="options" align="center">
+          <template v-slot="{row}">
+            <el-button type="text"
+                       v-if="row.householdRelation!=11&&$permissions('app_appvillagerintegralfamilymember_edit')"
+                       icon="iconfont iconEdit" title="编辑" @click="editFamily(row)"/>
+            <el-button type="text"
+                       v-if="row.householdRelation!=11&&$permissions('app_appvillagerintegralfamilymember_del')"
+                       icon="iconfont iconDelete" title="删除" @click="deleteFamily(row.id)"/>
+          </template>
+        </el-table-column> -->
+      </ai-table>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="addMemberVisible=false" size="medium">关 闭</el-button>
+      </div>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+import {mapState} from 'vuex';
+import detail from './detail'
+
+export default {
+  name: 'AppScoreFamily',
+  label: "家庭积分",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  components: {detail},
+  data() {
+    return {
+      areaId: '',
+      searchObj: {
+        personType: '',
+        villageGroup: '',
+        status: '',
+        con: '',
+        isPositive: '',
+      },
+      isPositiveList: [{
+        dictName: '是',
+        dictValue: '1'
+      }, {
+        dictName: '否',
+        dictValue: '0'
+      }],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      familyPage: {
+        current: 1,
+        size: 100,
+        total: 0
+      },
+      exportParams: {},
+      tableData: [],
+      dialog: {
+        title: '添加家庭',
+        visible: false
+      },
+      dialogInfo: {
+        personType: '0',
+        name: '',
+        idNumber: '',
+        phone: '',
+        villageGroup: '',
+        status: '',
+        areaId: '',
+        householdRelation: '',
+        avatar: ''
+      },
+      addMemberVisible: false,
+      detailShow: false,
+      personUrl: '',
+      familyList: [],
+      familyId: '',
+      detailInfo: {},
+      rowInfo: {}
+
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+    params () {
+      return {
+        ...this.searchObj,
+        areaId: this.areaId,
+        exportType: 0
+      }
+    },
+    colConfigs() {
+      return [
+        {
+          prop: 'name',
+          label: '户主',
+        },
+        {
+          prop: 'phone',
+          align: 'center',
+          label: '联系电话',
+        },
+        {
+          prop: 'householdAreaName',
+          align: 'center',
+          label: '所在村',
+        },
+        {
+          prop: 'familyIntegral',
+          align: 'center',
+          label: '家庭积分',
+        },
+        {
+          prop: 'familyUsedIntegral',
+          align: 'center',
+          label: '已用积分',
+        },
+        {
+          prop: 'familySurplusIntegral',
+          align: 'center',
+          label: '剩余积分',
+        },
+        {
+          prop: 'familyNum',
+          align: 'center',
+          label: '成员数',
+        },
+      ]
+    },
+    familycolConfigs() {
+      return [
+        // {
+        //   prop: 'householdRelation',
+        //   align: 'center',
+        //   label: '与户主关系',
+        //   render(h, {row}) {
+        //     return h('span', {}, _.$dict.getLabel('householdRelation', row.householdRelation))
+        //   }
+        // },
+        {
+          slot: 'householdRelation',
+        },
+        {
+          prop: 'residentType',
+          align: 'center',
+          label: '类型',
+          formart: v => this.dict.getLabel('residentType', v)
+        },
+        {
+          prop: 'name',
+          align: 'center',
+          label: '姓名',
+        },
+        {
+          prop: 'idNumber',
+          align: 'center',
+          slot: 'idNumber',
+          label: '身份证号',
+          width: 165,
+        },
+        {
+          prop: 'phone',
+          align: 'center',
+          label: '联系电话',
+          width: 120,
+        }
+
+      ]
+    },
+    formRules() {
+      let IdNumberPass = (rule, value, callback) => {
+        if (value) {
+          console.log(this.idCardNoUtil);
+          if (this.idCardNoUtil.checkIdCardNo(value)) {
+            callback();
+          } else {
+            callback(new Error("身份证号格式错误"));
+          }
+        } else {
+          callback(new Error("请输入身份证号"));
+        }
+      };
+      if (this.dialog.title.indexOf('家庭') != -1) {
+
+        return {
+          personType: [{required: true, message: "请选择类型", trigger: 'change'}],
+          name: [{required: true, message: "请填写户主", trigger: 'change'}],
+          idNumber: [{required: true, validator: IdNumberPass, trigger: 'change'}],
+          phone: [{required: true, message: "请填写联系电话", trigger: 'blur'}],
+          villageGroup: [{required: true, message: "请选择所属组", trigger: 'change'}],
+          status: [{required: true, message: "请选择状态", trigger: 'change'}],
+          householdRelation: [{required: true, message: "请选择与户主关系", trigger: 'change'}]
+        }
+      } else {
+        return {
+          personType: [{required: true, message: "请选择类型", trigger: 'change'}],
+          name: [{required: true, message: "请填写户主", trigger: 'change'}],
+          idNumber: [{required: true, validator: IdNumberPass, trigger: 'change'}],
+          villageGroup: [{required: true, message: "请选择所属组", trigger: 'change'}],
+          status: [{required: true, message: "请选择状态", trigger: 'change'}],
+          householdRelation: [{required: true, message: "请选择与户主关系", trigger: 'change'}]
+        }
+      }
+    }
+  },
+  created() {
+    this.areaId = this.user.info.areaId;
+    this.dict.load('integralVillageGroup', 'integralRuleStatus', 'integralPersonType', 'householdRelation', 'residentType');
+    this.getList();
+  },
+  methods: {
+    getList() {
+      this.instance.post("/app/appresident/familyIntegral", null, {
+        params: {
+          ...this.searchObj,
+          ...this.page,
+          areaId: this.areaId
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records
+          this.page.total = res.data.total
+        }
+      })
+    },
+    typeChange(val) {
+      val == '0' ? this.personUrl = '/app/appresident/list?fileStatus=0' : this.personUrl = '/app/apprecurrentpopulation/list?fileStatus=0';
+      this.dialogInfo.name = "";
+      this.dialogInfo.idNumber = "";
+      this.dialogInfo.phone = "";
+      this.dialogInfo.avatar = "";
+      this.dialogInfo.areaId = "";
+    },
+    add() {
+      this.dialog.visible = true;
+      this.dialog.title = '添加家庭';
+    },
+    addFamily() {
+      this.dialog.visible = true;
+      this.dialog.title = '添加成员';
+    },
+    onConfirm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          if (this.dialog.title.indexOf('家庭') != -1) {
+            this.instance.post("/app/appvillagerintegralfamily/addOrUpdate", {
+              ...this.dialogInfo,
+            }, null).then(res => {
+              if (res.code == 0) {
+                this.dialog.visible = false;
+                if (this.dialog.title.indexOf('添加') != -1) {
+                  this.$message.success("添加成功")
+                } else {
+                  this.$message.success("修改成功")
+                }
+                this.getList();
+              }
+            })
+          } else {
+            this.instance.post("/app/appvillagerintegralfamilymember/addOrUpdate", {
+              ...this.dialogInfo,
+              familyId: this.familyId,
+              familyIdNumber: this.rowInfo.idNumber,
+              familyName: this.rowInfo.name
+            }, null).then(res => {
+              if (res.code == 0) {
+                this.dialog.visible = false;
+                if (this.dialog.title.indexOf('添加') != -1) {
+                  this.$message.success("添加成功")
+                } else {
+                  this.$message.success("修改成功")
+                }
+                this.familyMember(this.rowInfo);
+                this.getList();
+              }
+            })
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    init(formName) {
+      this.$refs[formName].clearValidate();
+      Object.keys(this.dialogInfo).forEach(e => {
+        this.dialogInfo[e] = ''
+      })
+      this.dialogInfo.personType = '0';
+      this.personUrl = '';
+    },
+    reset() {
+      Object.keys(this.searchObj).forEach(e => {
+        this.searchObj[e] = ''
+      });
+      this.getList();
+    },
+    edit(row) {
+      this.dialog.visible = true;
+      this.dialog.title = '修改家庭';
+      this.dialogInfo = {...row}
+    },
+    editFamily(row) {
+      this.dialog.visible = true;
+      this.dialog.title = '修改成员';
+      this.dialogInfo = {...row}
+    },
+    deleteFamily(ids) {
+      ids && this.$confirm("是否要删除该家庭成员", {
+        type: 'error'
+      }).then(() => {
+        this.instance.post("/app/appvillagerintegralfamilymember/delete", null, {
+          params: {ids}
+        }).then(res => {
+          if (res?.code == 0) {
+            this.$message.success("删除成功!")
+            this.familyMember(this.rowInfo);
+          }
+        })
+      }).catch(() => {
+      })
+    },
+    getSelect(val) {
+      console.log(val)
+      if (val) {
+
+        this.dialogInfo.name = val.name;
+        this.dialogInfo.idNumber = val.idNumber;
+        this.dialogInfo.avatar = val.photo;
+        if (this.dialogInfo.personType == 0) {
+          this.dialogInfo.areaId = val.householdAreaId;
+        } else {
+          this.dialogInfo.areaId = val.currentAreaId;
+        }
+      } else {
+        this.dialogInfo.name = '';
+        this.dialogInfo.idNumber = '';
+        this.dialogInfo.phone = '';
+        this.dialogInfo.areaId = '';
+        this.dialogInfo.avatar = '';
+        this.$refs['rules'].clearValidate();
+      }
+
+    },
+    familyMember(row) {
+      this.rowInfo = {...row}
+      this.familyId = row.id;
+      this.instance.post(`/app/appresident/detail?id=${row.id}`).then(res => {
+        if (res.code == 0) {
+          this.familyList = res.data.family;
+          this.familyPage.total = res.data.family.length;
+          this.addMemberVisible = true;
+        }
+      })
+
+    },
+    goBack() {
+      this.detailShow = false;
+    },
+    goDetail(row) {
+      this.detailInfo = {...row};
+      this.detailShow = true;
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.scoreFamily {
+  height: 100%;
+  background: #f3f6f9;
+  overflow: auto;
+
+  .form_div {
+    width: 380px;
+  }
+
+  .add_btn {
+    color: #5088FF;
+    font-size: 14px;
+    line-height: 36px;
+    text-align: right;
+
+    span {
+      cursor: pointer;
+    }
+
+    span:nth-child(2) {
+      margin-left: 4px;
+    }
+
+  }
+
+  .iconfont {
+    cursor: pointer;
+  }
+
+  .iconAll_Profile {
+    padding: 0 8px;
+  }
+  .family-list{
+    ::v-deep .el-table--small{
+      font-size: 14px!important;
+    }
+  }
+}
+</style>
diff --git a/project/xiushan/apps/creditScore/scoreFamily/detail.vue b/project/xiushan/apps/creditScore/scoreFamily/detail.vue
new file mode 100644
index 00000000..43154381
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scoreFamily/detail.vue
@@ -0,0 +1,211 @@
+<template>
+  <ai-detail class="family_detail">
+    <template slot="title">
+      <ai-title title="余额明细" :isShowBack="true" :isShowBottomBorder="true" @onBackClick="$emit('goBack')"></ai-title>
+    </template>
+    <template slot="content">
+      <div class="detail-info">
+        <div class="detail-info__item">
+          <h2>户主</h2>
+          <span>{{ detailInfo.name }}</span>
+        </div>
+        <div class="detail-info__item">
+          <h2>累计积分</h2>
+          <span style="color: #2266FF;">{{ detailInfo.familyIntegral || 0 }}</span>
+        </div>
+        <div class="detail-info__item">
+          <h2>剩余积分</h2>
+          <span style="color: #2266FF;">{{ detailInfo.familySurplusIntegral || 0 }}</span>
+        </div>
+        <div class="detail-info__item">
+          <h2>已消费</h2>
+          <span>{{ detailInfo.familyUsedIntegral || 0 }}</span>
+        </div>
+      </div>
+      <ai-card title="余额变动明细">
+        <template slot="right">
+          <ai-download
+              :instance="instance"
+              url="/app/appvillagerintegraldetail/export"
+              :disabled="!Boolean(tableData.length)"
+              :params="{familyId:detailInfo.id,bizType:doType}"
+              fileName="余额变动明细">
+            <span class="iconfont iconExported">导出</span>
+          </ai-download>
+        </template>
+        <template #content>
+          <el-select v-model="doType" placeholder="请选择类型" size='small' clearable @change="page.current=1,getList()">
+            <el-option
+                v-for="(item,i) in dict.getDict('integralDetailType')"
+                :label="item.dictName"
+                :key="i"
+                :value="item.dictValue">
+            </el-option>
+          </el-select>
+          <ai-table
+              style="margin-top: 16px;"
+              :tableData="tableData"
+              :col-configs="colConfigs"
+              :total="page.total"
+              :border="true"
+              :stripe="false"
+              :current.sync="page.current"
+              :size.sync="page.size"
+              @getList="getList">
+          </ai-table>
+        </template>
+      </ai-card>
+    </template>
+  </ai-detail>
+</template>
+
+<script>
+export default {
+  name: 'balance',
+
+  props: {
+    detailInfo: {
+      type: Object,
+      require: true
+    },
+    instance: Function,
+    dict: Object
+  },
+
+  data() {
+    return {
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      doType: '',
+      tableData: []
+    }
+  },
+
+  created() {
+    this.dict.load('integralDetailType')
+    this.getList()
+  },
+
+  computed: {
+    colConfigs() {
+      const _this = this
+      return [
+        {
+          prop: 'doTime',
+          label: '时间'
+        },
+        {
+          prop: 'bizType',
+          align: 'center',
+          label: '类型',
+          render(h, {row}) {
+            return h('span', {}, _this.dict.getLabel('integralDetailType', row.bizType))
+          }
+        },
+        {
+          prop: 'changeIntegral',
+          align: 'center',
+          label: '变动积分',
+          formart: v => v > 0 ? `+${v}` : v
+        },
+        {
+          prop: 'nowIntegral',
+          align: 'center',
+          label: '剩余积分'
+        },
+        {
+          prop: 'description',
+          label: '事件类型',
+        }
+      ]
+    }
+  },
+
+  methods: {
+    getList() {
+      this.instance.post('/app/appvillagerintegraldetail/list', null, {
+        params: {
+          ...this.page,
+          familyId: this.detailInfo.id,
+          bizType: this.doType
+        }
+      }).then(res => {
+        if (res.code === 0) {
+          this.tableData = res.data.records
+          this.page.total = res.data.total
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.family_detail {
+  height: 100%;
+  background-color: #fff;
+
+  ::v-deep .ai-card__body {
+    padding: 12px 16px 20px !important;
+  }
+
+
+  .detail-info {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20px;
+
+    .detail-info__item {
+      flex: 1;
+      height: 96px;
+      margin-right: 20px;
+      padding: 16px 24px;
+      background: #FFFFFF;
+      box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
+      border-radius: 4px;
+
+      &:last-child {
+        margin-right: 0;
+      }
+
+      h2 {
+        margin-bottom: 8px;
+        color: #888888;
+        font-size: 16px;
+        font-weight: bold;
+      }
+
+      span {
+        display: block;
+        line-height: 32px;
+        font-size: 24px;
+        font-weight: bold;
+        color: #222;
+      }
+    }
+  }
+
+  .iconExported {
+    color: #5088FF;
+    font-size: 12px;
+    cursor: pointer;
+  }
+
+  .info {
+    padding: 16px 0 16px 0;
+  }
+
+  .do_type {
+    height: 56px;
+  }
+
+  .fs-14 {
+    ::v-deep .el-table--small {
+      font-size: 14px !important;
+    }
+  }
+}
+</style>
diff --git a/project/xiushan/apps/creditScore/scoreManage/AppScoreManage.vue b/project/xiushan/apps/creditScore/scoreManage/AppScoreManage.vue
new file mode 100644
index 00000000..2ec20a49
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scoreManage/AppScoreManage.vue
@@ -0,0 +1,84 @@
+<template>
+  <ai-list>
+    <template slot="title">
+      <ai-title title="积分管理" :isShowBottomBorder="false" :instance="instance" :isShowArea="true" v-model="areaId"
+                @change="changeArea"></ai-title>
+    </template>
+    <template slot="tabs">
+      <el-tabs v-model="currIndex">
+        <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
+          <component :is="tab.comp" v-if="currIndex === String(i)" :bizType="tab.bizType" :ref="tab.name"
+                     :areaId="areaId" :instance="instance" :dict="dict" :permissions="permissions"/>
+        </el-tab-pane>
+      </el-tabs>
+    </template>
+  </ai-list>
+</template>
+
+<script>
+import pointsDeclaration from "./pointsDeclaration.vue"
+import pointsDetails from "./pointsDetails.vue"
+import pointsAppeal from './pointsAppeal'
+import {mapState} from 'vuex'
+import scoreChange from "./scoreChange";
+
+export default {
+    name: 'AppScoreManage',
+    label: "积分管理",
+    components: {pointsDeclaration, pointsDetails, pointsAppeal, scoreChange},
+    props: {
+      instance: Function,
+      dict: Object,
+      permissions: Function
+    },
+
+    computed: {
+      ...mapState(['user']),
+      tabs() {
+        return [
+          // {
+          //   label: "积分申报",
+          //   name: "pointsDeclaration",
+          //   comp: pointsDeclaration,
+          //   permission: "app_apppartyfee_record",
+          //   bizType: '0'
+          // },
+          // { label: "积分申诉", name: "pointsAppeal", comp: pointsAppeal, permission: "app_apppartyfee_config", bizType: '1'},
+          {
+            label: "积分明细",
+            name: "pointsDetails",
+            comp: pointsDetails,
+            permission: "app_apppartyfee_statistics",
+            bizType: '2'
+          },
+          {
+            label: "积分调整",
+            name: "scoreChange",
+            comp: scoreChange,
+            permission: "",
+          },
+        ]
+      }
+    },
+    created() {
+      this.areaId = this.user.info.areaId
+    },
+    methods: {
+      changeArea() {
+        this.$nextTick(() => {
+          this.$refs[this.tabs[Number(this.currIndex)].name][0].getList()
+        })
+      }
+    },
+    data() {
+      return {
+        activeName: "pointsDeclaration",
+        currIndex: '0',
+        areaId: ''
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/project/xiushan/apps/creditScore/scoreManage/pointsAppeal.vue b/project/xiushan/apps/creditScore/scoreManage/pointsAppeal.vue
new file mode 100644
index 00000000..1409e030
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scoreManage/pointsAppeal.vue
@@ -0,0 +1,628 @@
+<template>
+  <section class="pointsDeclaration">
+    <ai-list isTabs>
+      <template slot="content">
+        <ai-search-bar bottomBorder>
+          <template slot="left">
+            <el-button type="primary" icon="iconfont iconAdd" @click="onAdd"
+                       v-if="$permissions('app_appvillagerintegraldeclare_edit')">代申诉
+            </el-button>
+            <el-button icon="iconfont iconEdit" @click="batchAduit()" :disabled="!Boolean(selectionList.length)"
+                       v-if="$permissions('app_appvillagerintegraldeclare_edit')">批量审核
+            </el-button>
+            <ai-select
+                v-model="search.status"
+                @change="page.current = 1, getList()"
+                placeholder="发布状态"
+                :selectList="dict.getDict('integralDeclareStatus')">
+            </ai-select>
+            <div class="times_div">
+              <p class="times">申诉时间</p>
+              <el-date-picker
+                  v-model="search.declareTimeStart"
+                  type="date"
+                  size="small"
+                  @change="page.current = 1,getList()"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  placeholder="开始日期">
+              </el-date-picker>
+              <el-date-picker
+                  v-model="search.declareTimeEnd"
+                  type="date"
+                  size="small"
+                  @change="page.current = 1,getList()"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  placeholder="结束日期">
+              </el-date-picker>
+            </div>
+          </template>
+          <template slot="right">
+            <el-input
+                v-model="search.familyName"
+                class="search-input"
+                size="mini"
+                placeholder="申诉人/申诉对象/..."
+                clearable
+                @keyup.enter.native="page.current = 1, getList()"
+                @clear="page.current = 1, getList()"
+                suffix-icon="iconfont iconSearch"/>
+          </template>
+        </ai-search-bar>
+        <ai-table
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="page.total"
+            :current.sync="page.current"
+            :size.sync="page.size"
+            @getList="getList"
+            @selection-change="handleSelectionChange"
+        >
+          <el-table-column slot="selection" type="selection" width="55" :selectable="row=>row.status==0"/>
+          <el-table-column slot="options" label="操作" align="center">
+            <template slot-scope="{ row }">
+              <span
+                  class="iconfont iconEdit icon-color89B"
+                  v-if="row.status === '0'&&$permissions('app_appvillagerintegraldeclare_edit')"
+                  title="编辑"
+                  @click="toEdit(row)"
+              ></span>
+              <span
+                  class="iconfont iconShow icon-color89B"
+                  v-if="row.status !== '0'&&$permissions('app_appvillagerintegraldeclare_detail')"
+                  title="详情"
+                  @click="toEdit(row)"
+              ></span>
+              <!-- <span
+                class="iconfont iconDelete icon-color89B"
+                v-if="$permissions('app_appofficialdocumentinfo_del')"
+                title="删除"
+                @click="remove(row.id)"
+              ></span> -->
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <ai-dialog
+        title="积分代申诉"
+        :visible.sync="dialog.visibleAdd"
+        :customFooter="true"
+        :destroyOnClose="true"
+        width="720px"
+        @close="init('ruleForm')"
+    >
+      <div class="form_div">
+        <el-form
+            ref="ruleForm"
+            :model="dialogInfo"
+            :rules="formRules"
+            size="small"
+            label-suffix="："
+            label-width="140px"
+        >
+          <el-form-item label="代申诉家庭" prop="users">
+            <ai-person-select :customClicker="true" :isMultiple="true" :chooseUserList.sync="dialogInfo.users"
+                              :instance="instance" url="/app/appvillagerintegralfamilymember/list">
+              <template name="option" v-slot:option="{ item }">
+                <span class="iconfont iconProlife">{{ item.name }}</span>
+                <ai-id mode="show" :show-eyes="false" :value="item.idNumber"/>
+              </template>
+            </ai-person-select>
+          </el-form-item>
+          <el-form-item label="代申诉说明" prop="declareDescription">
+            <el-input type="textarea" :rows="3" placeholder="请输入…" maxlength="100" show-word-limit
+                      v-model="dialogInfo.declareDescription"></el-input>
+          </el-form-item>
+          <el-form-item label="照片" prop="fileList">
+            <div class="upload">
+              <ai-uploader :instance="instance" v-model="dialogInfo.fileList" :limit="9"></ai-uploader>
+            </div>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="dialog.visibleAdd=false" size="medium">取消</el-button>
+        <el-button @click="declare('ruleForm')" type="primary" size="medium">提交</el-button>
+      </div>
+    </ai-dialog>
+    <ai-dialog
+        title="申诉审核"
+        :visible.sync="dialog.visibleDetail"
+        :customFooter="true"
+        :destroyOnClose="true"
+        width="720px"
+        @close="init('rules')"
+    >
+      <div class="form_content" v-if="!isBatch">
+        <div class="form_flex form_info">
+          <div>
+            <span class="form_label">申诉人：</span>
+            <span class="form_value">{{ rowInfo.declareName }}</span>
+          </div>
+          <div>
+            <span class="form_label">申诉对象：</span>
+            <span class="form_value">{{ rowInfo.declareObjName }}</span>
+          </div>
+          <div>
+            <span class="form_label">户主：</span>
+            <span class="form_value">{{ rowInfo.familyName }}</span>
+          </div>
+        </div>
+        <div class="form_info">
+          <span class="form_label">申诉说明：</span>
+          <span class="form_value">{{ rowInfo.declareDescription }}</span>
+        </div>
+        <div class="form_info">
+          <span class="form_label">申诉时间：</span>
+          <span class="form_value">{{ rowInfo.declareTime }}</span>
+        </div>
+        <div class="form_info">
+          <span class="form_label">照片：</span>
+          <span class="form_value">
+              <ai-uploader :disabled="true" :instance="instance" v-model="rowInfo.fileList" :limit="9"></ai-uploader>
+          </span>
+        </div>
+      </div>
+      <div class="form_div">
+        <el-form
+            ref="rules"
+            :model="dialogDetail"
+            :rules="formRules"
+            size="small"
+            label-suffix="："
+            v-show="rowInfo.status==0"
+            label-width="90px"
+        >
+          <el-form-item label="类型" prop="doType">
+            <el-radio-group v-model="dialogDetail.doType" @change="changeDoType">
+              <el-radio label="1">加分</el-radio>
+              <el-radio label="0">扣分</el-radio>
+              <el-radio label="2">拒绝</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="事项" prop="ruleId" v-if='dialogDetail.doType!=2'>
+            <el-select v-model="dialogDetail.ruleId" placeholder="请选择..." @change="ruleChange">
+              <el-option
+                  v-for="(item,i) in rulesList"
+                  :key="i"
+                  :label="item.ruleName"
+                  :value="item.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="积分" prop="doIntegral" v-if='dialogDetail.doType!=2'>
+            <el-col :span="1.5" style="margin-right: 8px;">{{ dialogDetail.doType == 0 ? '减少' : '增加' }}</el-col>
+            <el-col :span="6" style="margin-right: 8px;width:120px;">
+              <el-input type="number" v-model="dialogDetail.doIntegral" :placeholder="placeholder"
+                        :disabled="integralEdit"></el-input>
+            </el-col>
+            <el-col :span="1" style="margin-right: 8px;">分</el-col>
+          </el-form-item>
+          <el-form-item label="备注说明">
+            <el-input type="textarea" :rows="3" maxlength="100" placeholder="请输入…" show-word-limit
+                      v-model="dialogDetail.remark"></el-input>
+          </el-form-item>
+        </el-form>
+        <ai-wrapper
+            label-width="70px"
+            v-if="rowInfo.status!=0"
+            :columnsNumber="1">
+          <ai-info-item label="类型："><span
+              :style="{color:colorList[rowInfo.status]}">{{ dict.getLabel('integralDeclareStatus', rowInfo.status) }}</span>
+          </ai-info-item>
+          <ai-info-item label="事项：" v-if='rowInfo.doType!=2'><span>{{ rowInfo.ruleName }}</span></ai-info-item>
+          <ai-info-item label="积分：" v-if='rowInfo.doType!=2'>{{ rowInfo.doType == 0 ? '减少' : '增加' }}<span
+              style="color:#2266FF">{{ Math.abs(rowInfo.doIntegral) }}</span>分
+          </ai-info-item>
+          <ai-info-item label="备注说明："><span>{{ rowInfo.remark || '-' }}</span></ai-info-item>
+        </ai-wrapper>
+      </div>
+      <div class="dialog-footer" slot="footer" v-if="rowInfo.status==0">
+        <el-button @click="dialog.visibleDetail=false" size="medium">取消</el-button>
+        <el-button @click="onConfirm('rules')" type="primary" size="medium">提交</el-button>
+      </div>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "pointsAppeal",
+
+  props: {
+    instance: Function,
+    dict: Object,
+    bizType: String,
+    areaId: String
+  },
+
+  data() {
+    var integral = (rule, value, callback) => {
+      if (value) {
+        if (/^[1-9]\d*$/.test(value)) {
+          if (!this.integralEdit) {
+            if (Number(value) >= this.sectionNum.min && Number(value) <= this.sectionNum.max) {
+              callback();
+            } else {
+              callback(new Error(`请输入${this.sectionNum.min}至${this.sectionNum.max}之间的正整数积分`));
+            }
+          } else {
+            callback();
+          }
+
+        } else {
+          callback(new Error('请输入正整数'));
+        }
+      } else {
+        callback(new Error('请输入正整数'));
+      }
+    };
+    return {
+      search: {
+        status: '',
+        familyName: '',
+        declareTimeStart: null,
+        declareTimeEnd: null
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      colConfigs: [
+        {slot: "selection", label: "", align: "center"},
+        {prop: "declareName", label: "申诉人", align: "center"},
+        {prop: "declareObjName", label: "申诉对象", align: "center", hide: this.bizType == 1},
+        {
+          prop: "familyName",
+          label: "户主",
+        },
+        {
+          prop: "declareDescription",
+          label: "申诉说明",
+          align: "left",
+          width: 300
+        },
+        {
+          prop: "declareTime",
+          label: "申诉时间",
+          align: "left",
+          width: 150
+        },
+        {
+          prop: "declareName",
+          label: "操作人",
+          align: "center",
+        },
+        {
+          prop: "status",
+          label: "状态",
+          align: "center",
+          render: (h, {row}) => {
+            return h('span', {style: {color: this.dict.getColor('integralDeclareStatus', row.status)}}, this.dict.getLabel('integralDeclareStatus', row.status))
+          },
+        },
+        {slot: "options", label: "操作", align: "center"},
+      ],
+      tableData: [],
+      dialog: {
+        visibleAdd: false,
+        visibleDetail: false,
+        title: '积分代申诉'
+      },
+      dialogInfo: {
+        users: [],
+        reportIds: [],
+        declareDescription: "",
+        fileList: [],
+      },
+      dialogDetail: {
+        doType: '1',
+        ruleId: '',
+        doIntegral: '',
+        remark: '',
+        aduitIds: [],
+        ruleName: ''
+      },
+      isBatch: false,
+      rulesList: [],
+      rowInfo: {},
+      formRules: {
+        users: [{required: true, message: "请选择人员", trigger: "change"},],
+        declareDescription: [{required: true, message: "代申诉说明", trigger: "blur"}],
+        // fileList: [{ required: true, message: "请上传照片", trigger: "blur" },],
+        ruleId: [{required: true, message: "请选择事项", trigger: "blur"}],
+        doIntegral: [{required: true, validator: integral, trigger: "blur"}],
+        doType: [{required: true, message: "请选择类型", trigger: "change"}]
+      },
+      selectionList: [],
+      integralEdit: false,
+      sectionNum: {
+        min: null,
+        max: null
+      },
+      placeholder: '请输入...'
+    };
+  },
+  computed: {
+    colorList() {
+      return {
+        '0': '#FF8822',
+        '1': '#2EA222',
+        '2': '#FF4466'
+      }
+    }
+  },
+  created() {
+    this.dict
+    .load([
+      'integralDeclareStatus',
+      'integralDeclareDoType'
+    ]).then(() => {
+      this.getList();
+    });
+  },
+
+  methods: {
+    getList() {
+      this.instance.post(`/app/appvillagerintegraldeclare/list`, null, {
+        params: {
+          ...this.search,
+          ...this.page,
+          bizType: this.bizType,
+          areaId: this.areaId
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.tableData = res.data.records;
+          this.page.total = res.data.total;
+        }
+      });
+    },
+    handleSelectionChange(val) {
+      this.selectionList = val
+      this.dialogDetail.aduitIds = [];
+      val.forEach(e => {
+        this.dialogDetail.aduitIds.push(e.id);
+      })
+    },
+    // getSelect(val){
+    //     for(let e of val){
+    //         this.dialogInfo.reportIds.push(e.id)
+    //     }
+    // },
+    getColor(status) {
+      return this.dict.getColor('integralDeclareStatus', status)
+    },
+    onChange(val) {
+
+    },
+    declare(formName) {
+      this.dialogInfo.reportIds = [];
+      for (let e of this.dialogInfo.users) {
+        this.dialogInfo.reportIds.push(e.id)
+      }
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.instance.post("/app/appvillagerintegraldeclare/addOrUpdate", {
+            ...this.dialogInfo,
+            bizType: this.bizType
+          }, null).then(res => {
+            if (res.code == 0) {
+              this.dialog.visibleAdd = false;
+              this.getList();
+            }
+          })
+        } else {
+          return false;
+        }
+      });
+    },
+    init(formName) {
+      this.$refs[formName].clearValidate();
+      this.dialogDetail = {
+        doType: '1',
+        ruleId: '',
+        doIntegral: '',
+        remark: '',
+        aduitIds: [],
+        ruleName: ''
+      }
+      this.dialogInfo = {
+        users: [],
+        reportIds: [],
+        declareDescription: "",
+        fileList: [],
+      };
+      this.rulesList = [];
+    },
+    //批量审核
+    batchAduit() {
+      this.isBatch = true;
+      this.rowInfo.status = 0;
+      this.dialog.visibleDetail = true;
+      this.getRules('1')
+    },
+    getRowDetail(row) {
+      this.instance.post(`/app/appvillagerintegraldeclare/queryDetailById`, null, {
+        params: {
+          id: row.id
+        },
+      }).then((res) => {
+        if (res.code == 0) {
+          this.rowInfo = {...res.data}
+          this.dialog.visibleDetail = true;
+          this.dialogDetail.aduitIds = [];
+          this.dialogDetail.aduitIds.push(row.id);
+
+        }
+      });
+    },
+    toEdit(row) {
+      this.isBatch = false;
+      this.getRowDetail(row);
+      this.getRules('1')
+    },
+    changeDoType(val) {
+      this.dialogDetail.ruleId = "";
+      this.dialogDetail.ruleName = "";
+      this.dialogDetail.doIntegral = "";
+      this.placeholder = '请输入...';
+      this.$refs.rules.clearValidate();
+      this.getRules(val)
+    },
+    ruleChange(val) {
+      let item = this.rulesList.find(e => e.id == val);
+      this.dialogDetail.doIntegral = '';
+      this.$refs.rules.clearValidate();
+      if (item) {
+        //固定区间
+        this.dialogDetail.ruleName = item.ruleName;
+        if (item.integralValueType == 0) {
+          this.dialogDetail.doIntegral = Math.abs(item.integral);
+          this.integralEdit = true;
+        } else {
+          this.integralEdit = false;
+          if (Math.abs(item.integralEnd) > Math.abs(item.integralStart)) {
+            this.sectionNum.min = Math.abs(item.integralStart);
+            this.sectionNum.max = Math.abs(item.integralEnd);
+          } else {
+            this.sectionNum.max = Math.abs(item.integralStart);
+            this.sectionNum.min = Math.abs(item.integralEnd);
+          }
+          this.placeholder = `${this.sectionNum.min}~${this.sectionNum.max}`
+        }
+      }
+    },
+    //事项查询
+    getRules(integralType) {
+      this.instance.post(`/app/appvillagerintegralrule/list`, null, {
+        params: {
+          integralType,
+          size: 10000000
+        },
+      }).then((res) => {
+        if (res.code == 0) {
+          this.rulesList = res.data.records.filter(e => e.ruleStatus == 1);
+        }
+      });
+    },
+    remove(id) {
+      this.$confirm("确定删除该公文及其相关的流转信息？").then(() => {
+        this.instance
+        .post(`/app/appofficialdocumentinfo/delete?ids=${id}`)
+        .then((res) => {
+          if (res.code == 0) {
+            this.$message.success("删除成功！");
+            this.getList();
+          }
+        });
+      });
+    },
+    onReset() {
+      Object.keys(this.search).forEach(e => {
+        this.search[e] = "";
+      });
+      this.search.declareTimeStart = null;
+      this.search.declareTimeEnd = null;
+      this.getList();
+    },
+
+    onAdd() {
+      this.dialog.visibleAdd = true;
+    },
+
+    onConfirm(formName) {
+      this.$refs[formName].validate(v => {
+        if (v) {
+          this.instance.post("/app/appvillagerintegraldeclare/aduit", {
+            ...this.dialogDetail,
+          }, null).then(res => {
+            if (res.code == 0) {
+              this.dialog.visibleDetail = false;
+              this.$message.success("提交成功！");
+              this.dialogDetail.aduitIds = [];
+              this.getList();
+            }
+          })
+        } else {
+          return false
+        }
+      })
+    },
+
+
+  },
+};
+</script>
+
+<style lang="scss">
+.pointsDeclaration {
+  height: 100%;
+  overflow: auto;
+  background: #f3f6f9;
+
+  .times_div {
+    display: flex;
+    align-items: center;
+
+    .times {
+      display: block;
+      width: 72px;
+      height: 30px;
+      line-height: 30px;
+      text-align: center;
+      background: #F5F5F5;
+      border-radius: 2px 0px 0px 2px;
+      border: 1px solid #D0D4DC;
+      font-size: 14px;
+      color: #666666;
+    }
+  }
+
+  .form_content {
+    border-bottom: 1px solid #eee;
+
+    .form_flex {
+      display: flex;
+
+      div {
+        flex: 1;
+      }
+    }
+
+    .form_info {
+      margin-bottom: 8px;
+    }
+
+    .form_label {
+      display: inline-block;
+      color: #999;
+      vertical-align: top;
+    }
+
+    .form_value {
+      display: inline-block;
+      color: #333;
+      width: calc(100% - 80px);
+    }
+  }
+
+  .form_div {
+    padding-top: 24px;
+  }
+
+  .status-0 {
+    color: #ff8822;
+  }
+
+  .status-1 {
+    color: #2266ff;
+  }
+
+  .status-2 {
+    color: #999999;
+  }
+}
+</style>
diff --git a/project/xiushan/apps/creditScore/scoreManage/pointsDeclaration.vue b/project/xiushan/apps/creditScore/scoreManage/pointsDeclaration.vue
new file mode 100644
index 00000000..3b01c40b
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scoreManage/pointsDeclaration.vue
@@ -0,0 +1,619 @@
+<template>
+  <section class="pointsDeclaration">
+    <ai-list isTabs>
+      <template slot="content">
+        <ai-search-bar bottomBorder>
+          <template slot="left">
+            <el-button type="primary" icon="iconfont iconAdd" @click="onAdd"
+                       v-if="$permissions('app_appvillagerintegraldeclare_edit')">代申报
+            </el-button>
+            <el-button icon="iconfont iconEdit" @click="batchAduit()" :disabled="!selectionList.length"
+                       v-if="$permissions('app_appvillagerintegraldeclare_edit')">批量审核
+            </el-button>
+            <ai-select
+                v-model="search.status"
+                @change="page.current = 1, getList()"
+                placeholder="发布状态"
+                :selectList="dict.getDict('integralDeclareStatus')">
+            </ai-select>
+            <div class="times_div">
+              <p class="times">申报时间</p>
+              <el-date-picker
+                  v-model="search.declareTimeStart"
+                  type="date"
+                  size="small"
+                  @change="page.current = 1,getList()"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  placeholder="开始日期">
+              </el-date-picker>
+              <el-date-picker
+                  v-model="search.declareTimeEnd"
+                  type="date"
+                  size="small"
+                  @change="page.current = 1,getList()"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  placeholder="结束日期">
+              </el-date-picker>
+            </div>
+          </template>
+          <template slot="right">
+            <el-input
+                v-model="search.familyName"
+                class="search-input"
+                size="mini"
+                placeholder="申诉人/申诉对象/..."
+                clearable
+                @keyup.enter.native="page.current = 1, getList()"
+                @clear="page.current = 1, getList()"
+                suffix-icon="iconfont iconSearch"/>
+          </template>
+        </ai-search-bar>
+        <ai-table
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="page.total"
+            :current.sync="page.current"
+            :size.sync="page.size"
+            @getList="getList"
+            @selection-change="handleSelectionChange">
+          <el-table-column slot="selection" type="selection" width="55" :selectable="row=>row.status==0"/>
+          <el-table-column slot="options" label="操作" align="center">
+            <template slot-scope="{ row }">
+              <div class="table-options">
+                <el-button
+                    type="text"
+                    :disabled="row.status === '0' || $permissions('app_appvillagerintegraldeclare_edit')"
+                    title="编辑"
+                    @click="toEdit(row)">
+                  编辑
+                </el-button>
+                <el-button
+                    type="text"
+                    :disabled="$permissions('app_appvillagerintegraldeclare_detail')"
+                    title="详情"
+                    @click="toEdit(row)">
+                  详情
+                </el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <ai-dialog
+        title="积分代申报"
+        :visible.sync="dialog.visibleAdd"
+        :customFooter="true"
+        :destroyOnClose="true"
+        width="720px"
+        @close="init('ruleForm')">
+      <div class="form_div">
+        <el-form
+            ref="ruleForm"
+            :model="dialogInfo"
+            :rules="formRules"
+            size="small"
+            label-suffix="："
+            label-width="140px">
+          <el-form-item label="代申报家庭" prop="users">
+            <ai-person-select :customClicker="true" :isMultiple="true" :chooseUserList.sync="dialogInfo.users"
+                              :instance="instance" url="/app/appvillagerintegralfamilymember/list">
+              <template name="option" v-slot:option="{ item }">
+                <span class="iconfont iconProlife">{{ item.name }}</span>
+                <ai-id mode="show" :show-eyes="false" :value="item.idNumber"/>
+              </template>
+            </ai-person-select>
+          </el-form-item>
+          <el-form-item label="代申报说明" prop="declareDescription">
+            <el-input type="textarea" :rows="3" placeholder="请输入…" maxlength="100" show-word-limit
+                      v-model="dialogInfo.declareDescription"></el-input>
+          </el-form-item>
+          <el-form-item label="照片" prop="fileList">
+            <div class="upload">
+              <ai-uploader :instance="instance" v-model="dialogInfo.fileList" :limit="9"></ai-uploader>
+            </div>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="dialog.visibleAdd=false" size="medium">取消</el-button>
+        <el-button @click="declare('ruleForm')" type="primary" size="medium">提交</el-button>
+      </div>
+    </ai-dialog>
+    <ai-dialog
+        title="申报审核"
+        :visible.sync="dialog.visibleDetail"
+        :customFooter="true"
+        :destroyOnClose="true"
+        width="720px"
+        @close="init('rules')">
+      <div class="form_content" v-if="!isBatch">
+        <div class="form_flex form_info">
+          <div>
+            <span class="form_label">申报人：</span>
+            <span class="form_value">{{ rowInfo.declareName }}</span>
+          </div>
+          <div>
+            <span class="form_label">申报对象：</span>
+            <span class="form_value">{{ rowInfo.declareObjName }}</span>
+          </div>
+          <div>
+            <span class="form_label">户主：</span>
+            <span class="form_value">{{ rowInfo.familyName }}</span>
+          </div>
+        </div>
+        <div class="form_info">
+          <span class="form_label">申报说明：</span>
+          <span class="form_value">{{ rowInfo.declareDescription }}</span>
+        </div>
+        <div class="form_info">
+          <span class="form_label">申报时间：</span>
+          <span class="form_value">{{ rowInfo.declareTime }}</span>
+        </div>
+        <div class="form_info">
+          <span class="form_label">照片：</span>
+          <span class="form_value">
+              <ai-uploader :disabled="true" :instance="instance" v-model="rowInfo.fileList" :limit="9"></ai-uploader>
+          </span>
+        </div>
+      </div>
+      <div class="form_div">
+        <el-form
+            ref="rules"
+            :model="dialogDetail"
+            :rules="formRules"
+            size="small"
+            label-suffix="："
+            v-show="rowInfo.status==0"
+            label-width="90px"
+        >
+          <el-form-item label="类型" prop="doType">
+            <el-radio-group v-model="dialogDetail.doType" @change="changeDoType">
+              <el-radio label="1">加分</el-radio>
+              <el-radio label="0">扣分</el-radio>
+              <el-radio label="2">拒绝</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="事项" prop="ruleId" v-if='dialogDetail.doType!=2'>
+            <el-select v-model="dialogDetail.ruleId" placeholder="请选择..." @change="ruleChange">
+              <el-option
+                  v-for="(item,i) in rulesList"
+                  :key="i"
+                  :label="item.ruleName"
+                  :value="item.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="积分" prop="doIntegral" v-if='dialogDetail.doType!=2'>
+            <el-col :span="1.5" style="margin-right: 8px;">{{ dialogDetail.doType == 0 ? '减少' : '增加' }}</el-col>
+            <el-col :span="6" style="margin-right: 8px;width:120px;">
+              <el-input type="number" v-model="dialogDetail.doIntegral" :placeholder="placeholder"
+                        :disabled="integralEdit"></el-input>
+            </el-col>
+            <el-col :span="1" style="margin-right: 8px;">分</el-col>
+          </el-form-item>
+          <el-form-item label="备注说明">
+            <el-input type="textarea" :rows="3" maxlength="100" placeholder="请输入…" show-word-limit
+                      v-model="dialogDetail.remark"></el-input>
+          </el-form-item>
+        </el-form>
+        <ai-wrapper
+            label-width="70px"
+            v-if="rowInfo.status!=0"
+            :columnsNumber="1">
+          <ai-info-item label="类型："><span
+              :style="{color:colorList[rowInfo.status]}">{{ dict.getLabel('integralDeclareStatus', rowInfo.status) }}</span>
+          </ai-info-item>
+          <ai-info-item label="事项：" v-if='rowInfo.doType!=2'><span>{{ rowInfo.ruleName }}</span></ai-info-item>
+          <ai-info-item label="积分：" v-if='rowInfo.doType!=2'>{{ rowInfo.doType == 0 ? '减少' : '增加' }}<span
+              style="color:#2266FF">{{ Math.abs(rowInfo.doIntegral) }}</span>分
+          </ai-info-item>
+          <ai-info-item label="备注说明："><span>{{ rowInfo.remark || '-' }}</span></ai-info-item>
+        </ai-wrapper>
+      </div>
+      <div class="dialog-footer" slot="footer" v-if="rowInfo.status==0">
+        <el-button @click="dialog.visibleDetail=false" size="medium">取消</el-button>
+        <el-button @click="onConfirm('rules')" type="primary" size="medium">提交</el-button>
+      </div>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "pointsDeclaration",
+
+  props: {
+    instance: Function,
+    dict: Object,
+    bizType: String,
+    areaId: String
+  },
+
+  data() {
+    var integral = (rule, value, callback) => {
+      if (value) {
+        if (/^[1-9]\d*$/.test(value)) {
+          if (!this.integralEdit) {
+            if (Number(value) >= this.sectionNum.min && Number(value) <= this.sectionNum.max) {
+              callback();
+            } else {
+              callback(new Error(`请输入${this.sectionNum.min}至${this.sectionNum.max}之间的正整数积分`));
+            }
+          } else {
+            callback();
+          }
+
+        } else {
+          callback(new Error('请输入正整数'));
+        }
+      } else {
+        callback(new Error('请输入正整数'));
+      }
+    };
+    return {
+      search: {
+        status: '',
+        familyName: '',
+        declareTimeStart: null,
+        declareTimeEnd: null
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      colConfigs: [
+        {slot: "selection", label: ""},
+        {prop: "declareName", label: "申报人", align: "center"},
+        {prop: "declareObjName", label: "申报对象", align: "center", hide: this.bizType == 1},
+        {
+          prop: "familyName",
+          label: "户主",
+        },
+        {
+          prop: "declareDescription",
+          label: "申诉说明",
+          align: "left",
+          width: 300
+        },
+        {
+          prop: "declareTime",
+          label: "申报时间",
+          align: "left",
+          width: 150
+        },
+        {
+          prop: "declareName",
+          label: "操作人",
+          align: "center",
+        },
+        {
+          prop: "status",
+          label: "状态",
+          align: "center",
+          render: (h, {row}) => {
+            return h('span', {style: {color: this.dict.getColor('integralDeclareStatus', row.status)}}, this.dict.getLabel('integralDeclareStatus', row.status))
+          },
+        },
+        {slot: "options", label: "操作", align: "center"},
+      ],
+      tableData: [],
+      dialog: {
+        visibleAdd: false,
+        visibleDetail: false,
+        title: '积分代申报'
+      },
+      dialogInfo: {
+        users: [],
+        reportIds: [],
+        declareDescription: "",
+        fileList: [],
+      },
+      dialogDetail: {
+        doType: '1',
+        ruleId: '',
+        doIntegral: '',
+        remark: '',
+        aduitIds: [],
+        ruleName: ''
+      },
+      isBatch: false,
+      rulesList: [],
+      rowInfo: {},
+      formRules: {
+        users: [{required: true, message: "请选择人员", trigger: "change"},],
+        declareDescription: [{required: true, message: "代申报说明", trigger: "blur"}],
+        // fileList: [{ required: true, message: "请上传照片", trigger: "blur" },],
+        ruleId: [{required: true, message: "请选择事项", trigger: "blur"}],
+        doIntegral: [{required: true, validator: integral, trigger: "blur"}],
+        doType: [{required: true, message: "请选择类型", trigger: "change"}]
+      },
+      selectionList: [],
+      integralEdit: false,
+      sectionNum: {
+        min: null,
+        max: null
+      },
+      placeholder: '请输入...'
+    };
+  },
+  computed: {
+    colorList() {
+      return {
+        '0': '#FF8822',
+        '1': '#2EA222',
+        '2': '#FF4466'
+      }
+    }
+  },
+  created() {
+    this.dict
+    .load([
+      'integralDeclareStatus',
+      'integralDeclareDoType'
+    ]).then(() => {
+      this.getList();
+    });
+  },
+
+  methods: {
+    getList() {
+      this.instance.post(`/app/appvillagerintegraldeclare/list`, null, {
+        params: {
+          ...this.search,
+          ...this.page,
+          bizType: this.bizType,
+          areaId: this.areaId
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.tableData = res.data.records;
+          this.page.total = res.data.total;
+        }
+      });
+    },
+    handleSelectionChange(val) {
+      this.selectionList = val
+      this.dialogDetail.aduitIds = [];
+      val.forEach(e => {
+        this.dialogDetail.aduitIds.push(e.id);
+      })
+    },
+    // getSelect(val){
+    //     for(let e of val){
+    //         this.dialogInfo.reportIds.push(e.id)
+    //     }
+    // },
+    getColor(status) {
+      return this.dict.getColor('integralDeclareStatus', status)
+    },
+    onChange(val) {
+
+    },
+    declare(formName) {
+      this.dialogInfo.reportIds = [];
+      for (let e of this.dialogInfo.users) {
+        this.dialogInfo.reportIds.push(e.id)
+      }
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.instance.post("/app/appvillagerintegraldeclare/addOrUpdate", {
+            ...this.dialogInfo,
+            bizType: this.bizType
+          }, null).then(res => {
+            if (res.code == 0) {
+              this.dialog.visibleAdd = false;
+              this.getList();
+            }
+          })
+        } else {
+          return false;
+        }
+      });
+    },
+    init(formName) {
+      this.$refs[formName].clearValidate();
+      this.dialogDetail = {
+        doType: '1',
+        ruleId: '',
+        doIntegral: '',
+        remark: '',
+        aduitIds: [],
+        ruleName: ''
+      }
+      this.dialogInfo = {
+        users: [],
+        reportIds: [],
+        declareDescription: "",
+        fileList: [],
+      };
+      this.rulesList = [];
+    },
+    //批量审核
+    batchAduit() {
+      this.isBatch = true;
+      this.rowInfo.status = 0;
+      this.dialog.visibleDetail = true;
+      this.getRules('1')
+    },
+    getRowDetail(row) {
+      this.instance.post(`/app/appvillagerintegraldeclare/queryDetailById`, null, {
+        params: {
+          id: row.id
+        },
+      }).then((res) => {
+        if (res.code == 0) {
+          this.rowInfo = {...res.data}
+          this.dialog.visibleDetail = true;
+          this.dialogDetail.aduitIds = [];
+          this.dialogDetail.aduitIds.push(row.id);
+
+        }
+      });
+    },
+    toEdit(row) {
+      this.isBatch = false;
+      this.getRowDetail(row);
+      this.getRules('1')
+    },
+    changeDoType(val) {
+      this.dialogDetail.ruleId = "";
+      this.dialogDetail.ruleName = "";
+      this.dialogDetail.doIntegral = "";
+      this.placeholder = '请输入...';
+      this.$refs.rules.clearValidate();
+      this.getRules(val)
+    },
+    ruleChange(val) {
+      let item = this.rulesList.find(e => e.id == val);
+      this.dialogDetail.doIntegral = '';
+      this.$refs.rules.clearValidate();
+      if (item) {
+        //固定区间
+        this.dialogDetail.ruleName = item.ruleName;
+        if (item.integralValueType == 0) {
+          this.dialogDetail.doIntegral = Math.abs(item.integral);
+          this.integralEdit = true;
+        } else {
+          this.integralEdit = false;
+          if (Math.abs(item.integralEnd) > Math.abs(item.integralStart)) {
+            this.sectionNum.min = Math.abs(item.integralStart);
+            this.sectionNum.max = Math.abs(item.integralEnd);
+          } else {
+            this.sectionNum.max = Math.abs(item.integralStart);
+            this.sectionNum.min = Math.abs(item.integralEnd);
+          }
+          this.placeholder = `${this.sectionNum.min}~${this.sectionNum.max}`
+        }
+      }
+    },
+    //事项查询
+    getRules(integralType) {
+      this.instance.post(`/app/appvillagerintegralrule/list`, null, {
+        params: {
+          integralType,
+          size: 10000000
+        },
+      }).then((res) => {
+        if (res.code == 0) {
+          this.rulesList = res.data.records.filter(e => e.ruleStatus == 1);
+        }
+      });
+    },
+    remove(id) {
+      this.$confirm("确定删除该公文及其相关的流转信息？").then(() => {
+        this.instance
+        .post(`/app/appofficialdocumentinfo/delete?ids=${id}`)
+        .then((res) => {
+          if (res.code == 0) {
+            this.$message.success("删除成功！");
+            this.getList();
+          }
+        });
+      });
+    },
+    onReset() {
+      Object.keys(this.search).forEach(e => {
+        this.search[e] = "";
+      });
+      this.search.declareTimeStart = null;
+      this.search.declareTimeEnd = null;
+      this.getList();
+    },
+
+    onAdd() {
+      this.dialog.visibleAdd = true;
+    },
+
+    onConfirm(formName) {
+      this.$refs[formName].validate(v => {
+        if (v) {
+          this.instance.post("/app/appvillagerintegraldeclare/aduit", {
+            ...this.dialogDetail,
+          }, null).then(res => {
+            if (res.code == 0) {
+              this.dialog.visibleDetail = false;
+              this.$message.success("提交成功！");
+              this.dialogDetail.aduitIds = [];
+              this.getList();
+            }
+          })
+        } else {
+          return false
+        }
+      })
+    },
+
+
+  },
+};
+</script>
+
+<style lang="scss">
+.pointsDeclaration {
+  height: 100%;
+  overflow: auto;
+  background: #f3f6f9;
+
+  .times_div {
+    .times {
+      display: block;
+      width: 72px;
+      height: 30px;
+      line-height: 30px;
+      text-align: center;
+      background: #F5F5F5;
+      border-radius: 2px 0px 0px 2px;
+      border: 1px solid #D0D4DC;
+      font-size: 14px;
+      color: #666666;
+    }
+  }
+
+  .form_content {
+    border-bottom: 1px solid #eee;
+
+    .form_flex {
+      display: flex;
+
+      div {
+        flex: 1;
+      }
+    }
+
+    .form_info {
+      margin-bottom: 8px;
+    }
+
+    .form_label {
+      display: inline-block;
+      color: #999;
+      vertical-align: top;
+    }
+
+    .form_value {
+      display: inline-block;
+      color: #333;
+      width: calc(100% - 80px);
+    }
+  }
+
+  .form_div {
+    padding-top: 24px;
+  }
+
+  .status-0 {
+    color: #ff8822;
+  }
+
+  .status-1 {
+    color: #2266ff;
+  }
+
+  .status-2 {
+    color: #999999;
+  }
+}
+</style>
diff --git a/project/xiushan/apps/creditScore/scoreManage/pointsDetails.vue b/project/xiushan/apps/creditScore/scoreManage/pointsDetails.vue
new file mode 100644
index 00000000..2dc45dee
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scoreManage/pointsDetails.vue
@@ -0,0 +1,283 @@
+<template>
+  <section class="pointsDetails">
+    <ai-list isTabs>
+      <template slot="content">
+        <ai-search-bar bottomBorder>
+          <template slot="left">
+            <el-date-picker size="small" v-model="searchDotime" type="daterange"  range-separator="至" @change="timeChange"
+              start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd"></el-date-picker>
+          </template>
+          <template slot="right">
+            <el-input
+              v-model="search.familyName"
+              class="search-input"
+              size="small"
+              placeholder="对象、户主、事件类型"
+              clearable
+              @keyup.enter.native="search.current = 1, getList()"
+              @clear="search.current = 1, getList()"
+              suffix-icon="iconfont iconSearch" />
+          </template>
+        </ai-search-bar>
+        <ai-table
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="total"
+          ref="aitableex"
+          :current.sync="search.current"
+          :size.sync="search.size"
+          @getList="getList">
+          <el-table-column slot="changeIntegral" label="积分" align= "center">
+            <template slot-scope="{ row }">
+              <span>{{row.changeIntegral > 0 ? '+' : ''}}{{row.changeIntegral}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column slot="doType" label="类型" align= "center">
+            <template slot-scope="{ row }">
+              <span>{{ dict.getLabel('integralDetailType', row.bizType) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column slot="options" label="操作" align="center" fixed="right" width="120">
+            <template slot-scope="{ row }">
+              <el-button
+                type="text"
+                title="详情"
+                :disabled="!$permissions('app_appvillagerintegraldetail_detail')"
+                @click="viewItem(row)">
+                详情
+              </el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <ai-dialog
+      title="详情"
+      :visible.sync="dialog.visible"
+      :customFooter="true"
+      :destroyOnClose="true"
+      width="720px"
+    >
+      <div class="form_content">
+        <div class="form_info">
+          <span class="form_label">户主：</span>
+          <span class="form_value">{{dialogInfo.familyName}}</span>
+        </div>
+        <div class="form_info">
+          <span class="form_label">事项：</span>
+          <span class="form_value">{{dialogInfo.ruleName}}</span>
+        </div>
+        <div class="form_flex form_info">
+          <div>
+            <span class="form_label">积分：</span>
+            <span class="form_value">{{dialogInfo.changeIntegral >= 0 ? '增加' : '减少'}}<span style="color:#2266FF">{{Math.abs(dialogInfo.changeIntegral)}}</span>分</span>
+          </div>
+          <!-- <div>
+            <span class="form_label">途径：</span>
+          <span class="form_value">{{$dict.getLabel("integralDetailBizType", dialogInfo.bizType)}}</span>
+          </div> -->
+        </div>
+        <!-- <div class="form_info">
+          <span class="form_label">{{dialogInfo.bizType == 1 ? '申诉' : '申报'}}说明：</span>
+          <span
+            class="form_value"
+          >{{dialogInfo.description}}</span>
+        </div>
+        <div class="form_info">
+          <span class="form_label">照片：</span>
+          <span class="form_value" v-if="dialogInfo.fileList && dialogInfo.fileList.length">
+            <ai-uploader  :disabled="true" :instance="instance" v-model="dialogInfo.fileList" :limit="9" ></ai-uploader>
+          </span>
+          <span class="form_value" v-else>-</span>
+        </div> -->
+      </div>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="dialog.visible=false" size="medium">关闭</el-button>
+      </div>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "pointsDeclaration",
+
+  props: {
+    instance: Function,
+    dict: Object,
+    areaId:String
+  },
+
+  data() {
+    return {
+      searchDotime: [],
+      search: {
+        current: 1,
+        size: 10,
+        familyName: '',
+        doTimeStart: null,
+        doTimeEnd: null
+      },
+      total: 10,
+      colConfigs: [
+        { prop: "residentName", label: "对象", width:160 },
+        { prop: "familyName", label: "户主", align: "center", width:160 },
+        {
+          prop: "ruleName",
+          label: "事件类型",
+          "show-overflow-tooltip": true,
+          width:420
+        },
+        {
+          prop: "doTime",
+          label: "时间",
+          width:200
+        },
+        // {
+        //   prop: "doType",
+        //   label: "类型",
+        //   align: "center",
+        //   width: 100,
+        //   render: (h, params) => {
+        //     return h(
+        //       "span",
+        //       {
+        //         class: "status-" + params.row.doType,
+        //       },
+        //       this.$dict.getLabel("integralIntegralType", params.row.doType)
+        //     );
+        //   },
+        // },
+        { slot: "doType", label: "类型", width: 100},
+        { slot: "changeIntegral", label: "积分", width: 100},
+        // {
+        //   prop: "bizType",
+        //   label: "途径",
+        //   align: "center",
+        //   width: 100,
+        //   formart: (bizType) =>
+        //   this.$dict.getLabel("integralDetailBizType", bizType) || '-',
+        // },
+        { slot: "options", label: "操作", align: "center" },
+      ],
+      tableData: [],
+      dialog: {
+        visible: false,
+      },
+      dialogInfo: {},
+    };
+  },
+
+  mounted() {
+    this.$dict
+      .load([
+        "integralDeclareDoType",
+        "integralDetailType",
+        "integralDetailBizType"
+      ])
+      .then(() => {
+        this.getList();
+      });
+  },
+
+  methods: {
+    getList() {
+      this.instance
+        .post(`/app/appvillagerintegraldetail/list`, null, {
+          params: {
+            ...this.search,
+            areaId: this.areaId,
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.tableData = res.data.records;
+            this.total = res.data.total;
+          }
+        });
+    },
+
+    timeChange() {
+      if(this.searchDotime) {
+        this.search.doTimeStart =  this.searchDotime[0]
+        this.search.doTimeEnd = this.searchDotime[1]
+      }else {
+        this.search.doTimeStart =  null
+        this.search.doTimeEnd = null
+      }
+      this.search.current = 1
+      this.getList()
+    },
+
+    viewItem(row) {
+      this.dialog.visible = true
+      this.instance.post(`/app/appvillagerintegraldetail/queryDetailById?id=${row.id}`, null, {}).then((res) => {
+          if (res.code == 0) {
+            this.dialogInfo = res.data
+            console.log(this.dialogInfo)
+          }
+        });
+    },
+
+    onReset() {
+      this.search.current = 1
+      this.search.doTimeStart =  null
+      this.search.doTimeEnd = null
+      this.search.familyName = ''
+      this.searchDotime = []
+      this.getList();
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.pointsDetails {
+  height: 100%;
+  background: #f3f6f9;
+  overflow: auto;
+  .form_content {
+    .form_flex {
+      display: flex;
+      div {
+        flex: 1;
+      }
+    }
+    .form_info {
+      margin-bottom: 8px;
+    }
+    .form_label {
+      display: inline-block;
+      color: #999;
+      vertical-align: top;
+      width: 70px;
+      text-align: right;
+    }
+    .form_value {
+      display: inline-block;
+      color: #333;
+      width: calc(100% - 70px);
+      // img {
+      //   width: 100px;
+      //   height: 100px;
+      //   margin: 0 8px 8px 0;
+      // }
+    }
+  }
+  .form_div {
+    padding-top: 24px;
+    border-top: 1px solid #eee;
+  }
+  .status-0 {
+    color: #FF4466;
+  }
+
+  .status-1 {
+    color: #2EA222;
+  }
+
+  .status-2 {
+    color: #999999;
+  }
+}
+</style>
diff --git a/project/xiushan/apps/creditScore/scoreManage/scoreChange.vue b/project/xiushan/apps/creditScore/scoreManage/scoreChange.vue
new file mode 100644
index 00000000..abfc0dc2
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scoreManage/scoreChange.vue
@@ -0,0 +1,176 @@
+<template>
+  <div class="scoreChange">
+    <ai-list isTabs>
+      <template slot="content">
+        <ai-search-bar bottomBorder>
+          <template slot="left">
+            <el-button type="primary" icon="iconfont iconAdd" @click="dialog=true"
+                       :disabled="!permissions('app_appvillagerintegraldetail_change')">添加
+            </el-button>
+            <ai-import :instance="instance" :dict="dict" name="积分调整" type="appvillagerintegraldetail"
+                       v-if="permissions('app_appvillagerintegraldetail_change')" @success="getList"/>
+          </template>
+        </ai-search-bar>
+        <ai-table
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="page.total"
+            :current.sync="page.current"
+            :size.sync="page.size"
+            @getList="getList">
+        </ai-table>
+      </template>
+    </ai-list>
+    <ai-dialog
+        title="添加积分调整"
+        :visible.sync="dialog"
+        :destroyOnClose="true"
+        width="720px"
+        @onConfirm="onConfirm"
+        @closed="form={}">
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="选择人员" prop="residentId">
+          <ai-person-select :instance="instance" :customClicker="true"
+                            :url="'/app/appresident/list?auditType=1areaId=' + user.info.areaId"
+                            :isMultiple="false" dialogTitle="选择" @selectPerson="selectPerson">
+            <template name="option" v-slot:option="{ item }">
+              <span class="iconfont iconProlife">{{ item.name }}</span>
+              <ai-id mode="show" :show-eyes="false" :value="item.idNumber"/>
+            </template>
+          </ai-person-select>
+        </el-form-item>
+        <el-form-item label="调整说明" prop="description">
+          <el-input v-model.trim="form.description" placeholder="请输入..." type="textarea" :rows="4" show-word-limit
+                    maxlength="100"></el-input>
+        </el-form-item>
+        <el-form-item label="类型" prop="doType">
+          <el-radio-group v-model="form.doType">
+            <el-radio label="0">加分</el-radio>
+            <el-radio label="1">减分</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="积分" prop="changeIntegral">
+          <el-input v-model.trim.num="form.changeIntegral" placeholder="请输入正整数" size="small"></el-input>
+        </el-form-item>
+      </el-form>
+    </ai-dialog>
+  </div>
+</template>
+
+<script>
+import {mapState} from "vuex"
+
+export default {
+  name: "scoreChange",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+    areaId: String
+  },
+  data() {
+    return {
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 10
+      },
+      form: {},
+      dialog: false,
+      personList: [],
+    }
+  },
+  computed: {
+    ...mapState(["user"]),
+    rules() {
+      return {
+        residentId: [{required: true, message: '请选择人员', trigger: 'blur'},],
+        description: [{required: true, message: '请输入调整说明', trigger: 'blur'},],
+        doType: [{required: true, message: '请输入调整说明', trigger: 'change'},],
+        changeIntegral: [
+          {
+            required: true, validator: (rule, value, callback) => {
+              if (!/^[1-9]\d*$/.test(value)) {
+                callback(new Error('请输入正整数'))
+              } else {
+                callback();
+              }
+            }, trigger: 'blur'
+          },],
+      }
+    },
+    colConfigs() {
+      return [
+        {prop: "residentName", label: "姓名"},
+        {prop: "description", label: "调整说明"},
+        {
+          prop: "changeIntegral", label: "类型", align: "center",
+          render: (h, {row}) => [< span> {+row.changeIntegral > 0 ? "加分" : '减分'
+          } < /span>]
+        },
+        {
+          prop: "changeIntegral",
+          label: "积分",
+          align: "center",
+          render: (h, {row}) => [
+            <span>{row.changeIntegral > 0 ? `+${row.changeIntegral}` : `${row.changeIntegral}`}</span>]
+        },
+        {prop: "doTime", label: "操作时间"},
+        {prop: "declareObjName", label: "操作人", align: "center"},
+      ]
+    }
+  },
+  methods: {
+    selectPerson(val) {
+      if (val) {
+        this.form.residentId = val.id
+        this.personList = [{...val}]
+      } else {
+        this.form.residentId = ""
+        this.personList = []
+      }
+    },
+    onConfirm() {
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          this.instance.post(`/app/appvillagerintegraldetail/changeIntegral`, {
+            ...this.form,
+            changeIntegral: this.form.doType == 0 ? `+${this.form.changeIntegral}` : `-${this.form.changeIntegral}`
+          }).then(res => {
+            if (res.code == 0) {
+              this.$message.success("添加成功")
+              this.dialog = false
+              this.getList()
+            }
+          })
+        }
+      })
+    },
+    getList() {
+      this.instance.post(`/app/appvillagerintegraldetail/list`, null, {
+        params: {
+          ...this.page,
+          areaId: this.areaId,
+          doType: 2
+        }
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data.records
+          this.page.total = res.data.total
+        }
+      })
+    }
+  },
+  created() {
+    this.getList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.scoreChange {
+  height: 100%;
+  overflow: auto;
+}
+</style>
diff --git a/project/xiushan/apps/creditScore/scorePersonal/AppScorePersonal.vue b/project/xiushan/apps/creditScore/scorePersonal/AppScorePersonal.vue
new file mode 100644
index 00000000..7ebe4cbe
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scorePersonal/AppScorePersonal.vue
@@ -0,0 +1,408 @@
+<template>
+  <section class="scoreFamily">
+    <ai-list v-show="!detailShow">
+      <template slot="title">
+        <ai-title title="个人积分" :isShowBottomBorder="true" :instance="instance" :isShowArea="true" @change="getList()" v-model="areaId"></ai-title>
+      </template>
+      <template slot="content">
+        <ai-search-bar bottomBorder>
+          <template slot="left">
+            <el-select size="small" v-model="searchObj.householdName" placeholder="是否户主" clearable @change="page.current = 1,getList()">
+              <el-option
+                v-for="(item,i) in householdNameList"
+                :key="i"
+                :label="item.dictName"
+                :value="item.dictValue">
+              </el-option>
+            </el-select>
+            <el-select size="small" v-model="searchObj.isPositive" placeholder="积分是否大于0" clearable @change="page.current = 1,getList()">
+              <el-option
+                v-for="(item,i) in isPositiveList"
+                :key="i"
+                :label="item.dictName"
+                :value="item.dictValue">
+              </el-option>
+            </el-select>
+          </template>
+          <template slot="right">
+            <el-input
+              v-model="searchObj.con"
+              size="small"
+              placeholder="个人姓名"
+              @keyup.enter.native="page.current = 1, getList()"
+              @clear="page.current = 1, searchObj.con = '', getList()"
+              clearable
+              suffix-icon="iconfont iconSearch" />
+          </template>
+        </ai-search-bar>
+        <ai-search-bar class="mt10">
+          <template slot="left">
+            <ai-download :instance="instance" type="primary" url="/app/appvillagerintegraldetail/listExport?exportType=1" :params="params" fileName="个人积分"></ai-download>
+          </template>
+        </ai-search-bar>
+        <ai-table
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="page.total"
+          style="margin-top: 12px;"
+          :current.sync="page.current"
+          :size.sync="page.size"
+          @getList="getList">
+          <el-table-column label="操作" slot="options" fixed="right" align="center" width="180">
+            <template v-slot="{row}">
+              <div class="table-options">
+                <el-button type="text" title="家庭成员" @click="familyMember(row)" :disabled="!$permissions('app_appvillagerintegralfamilymember_edit')">家庭成员</el-button>
+                <el-button type="text" :disabled="!$permissions('app_appvillagerintegralfamily_detail')" title="详情" @click="goDetail(row)">详情</el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <detail v-if="detailShow" @goBack="goBack" :detailInfo='detailInfo' :instance='instance' :dict='dict'></detail>
+    <ai-dialog class="family-list"
+      title="成员列表"
+      :visible.sync="addMemberVisible"
+      :customFooter="true"
+      :destroyOnClose="true"
+      width="780px">
+      <ai-table
+        :tableData="familyList"
+        :col-configs="familycolConfigs"
+        :total="familyPage.total"
+        :current.sync="familyPage.current"
+        :size.sync="familyPage.size"
+        :isShowPagination="false"
+        tableSize="small"
+        @getList="familyMember(rowInfo)">
+        <el-table-column label="与户主关系" slot="householdRelation" align="center" width="120">
+          <template v-slot="{row}">
+            <span v-if="row.householdIdNumber == row.idNumber">户主</span>
+            <span v-else>{{dict.getLabel('householdRelation', row.householdRelation)}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="身份证号" slot="idNumber" align="center" width="165">
+          <template v-slot="{row}">
+            <ai-id mode="show" :show-eyes="false" :value="row.idNumber"/>
+          </template>
+        </el-table-column>
+      </ai-table>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="addMemberVisible=false" size="medium">关 闭</el-button>
+      </div>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+import {mapState} from 'vuex';
+import detail from './detail'
+
+export default {
+  name: 'AppScorePersonal',
+  label: "个人积分",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  components: {detail},
+  data() {
+    return {
+      areaId: '',
+      searchObj: {
+        householdName: '',
+        con: '',
+        isPositive: ''
+      },
+      householdNameList: [{
+        dictName: '是',
+        dictValue: '1'
+      }, {
+        dictName: '否',
+        dictValue: '0'
+      }],
+      isPositiveList: [{
+        dictName: '是',
+        dictValue: '1'
+      }, {
+        dictName: '否',
+        dictValue: '0'
+      }],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      familyPage: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      exportParams: {},
+      tableData: [],
+      dialog: {
+        title: '添加家庭',
+        visible: false
+      },
+      dialogInfo: {
+        personType: '0',
+        name: '',
+        idNumber: '',
+        phone: '',
+        villageGroup: '',
+        status: '',
+        areaId: '',
+        householdRelation: '',
+        avatar: ''
+      },
+      addMemberVisible: false,
+      detailShow: false,
+      personUrl: '',
+      familyList: [],
+      familyId: '',
+      detailInfo: {},
+      rowInfo: {}
+
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+    params () {
+      return {
+        ...this.searchObj,
+        areaId: this.areaId,
+        exportType: 1
+      }
+    },
+    colConfigs() {
+      return [
+        {
+          prop: 'name',
+          label: '姓名',
+        },
+        {
+          prop: 'phone',
+          align: 'center',
+          label: '联系电话',
+        },
+        {
+          prop: 'residentType',
+          align: 'center',
+          label: '类型',
+          formart: v => this.dict.getLabel('residentType', v)
+        },
+        {
+          prop: 'householdAreaName',
+          align: 'center',
+          label: '所在村'
+        },
+        {
+          prop: 'personalIntegral',
+          align: 'center',
+          label: '个人积分',
+        },
+        {
+          prop: 'personalUsedIntegral',
+          align: 'center',
+          label: '已用积分',
+        },
+        {
+          prop: 'householdName',
+          align: 'center',
+          label: '是否户主',
+          formart: v => v === '1' ? '是' : '否'
+        }
+      ]
+    },
+    familycolConfigs() {
+      return [
+        {
+          prop: 'householdRelation',
+          align: 'center',
+          slot: 'householdRelation',
+          label: '与户主关系',
+          width: 165,
+        },
+
+        // {
+        //   prop: 'householdRelation',
+        //   align: 'center',
+        //   label: '与户主关系',
+        //   render(h, {row}) {
+        //     return h('span', {}, _.$dict.getLabel('householdRelation', row.householdRelation))
+        //   }
+        // },
+        {
+          prop: 'residentType',
+          align: 'center',
+          label: '类型',
+          formart: v => this.dict.getLabel('residentType', v)
+        },
+        {
+          prop: 'name',
+          align: 'center',
+          label: '姓名',
+        },
+        {
+          prop: 'idNumber',
+          align: 'center',
+          slot: 'idNumber',
+          label: '身份证号',
+          width: 165,
+        },
+        {
+          prop: 'phone',
+          align: 'center',
+          label: '联系电话',
+          width: 120,
+        }
+
+      ]
+    },
+    formRules() {
+      let IdNumberPass = (rule, value, callback) => {
+        if (value) {
+          console.log(this.idCardNoUtil);
+          if (this.idCardNoUtil.checkIdCardNo(value)) {
+            callback();
+          } else {
+            callback(new Error("身份证号格式错误"));
+          }
+        } else {
+          callback(new Error("请输入身份证号"));
+        }
+      };
+      if (this.dialog.title.indexOf('家庭') != -1) {
+
+        return {
+          personType: [{required: true, message: "请选择类型", trigger: 'change'}],
+          name: [{required: true, message: "请填写户主", trigger: 'change'}],
+          idNumber: [{required: true, validator: IdNumberPass, trigger: 'change'}],
+          phone: [{required: true, message: "请填写联系电话", trigger: 'blur'}],
+          villageGroup: [{required: true, message: "请选择所属组", trigger: 'change'}],
+          status: [{required: true, message: "请选择状态", trigger: 'change'}],
+          householdRelation: [{required: true, message: "请选择与户主关系", trigger: 'change'}]
+        }
+      } else {
+        return {
+          personType: [{required: true, message: "请选择类型", trigger: 'change'}],
+          name: [{required: true, message: "请填写户主", trigger: 'change'}],
+          idNumber: [{required: true, validator: IdNumberPass, trigger: 'change'}],
+          villageGroup: [{required: true, message: "请选择所属组", trigger: 'change'}],
+          status: [{required: true, message: "请选择状态", trigger: 'change'}],
+          householdRelation: [{required: true, message: "请选择与户主关系", trigger: 'change'}]
+        }
+      }
+    }
+  },
+  created() {
+    this.areaId = this.user.info.areaId;
+    this.dict.load('integralVillageGroup', 'integralRuleStatus', 'integralPersonType', 'householdRelation', 'residentType');
+    this.getList();
+  },
+  methods: {
+    getList() {
+      this.instance.post("/app/appresident/personalIntegral", null, {
+        params: {
+          ...this.searchObj,
+          ...this.page,
+          areaId: this.areaId
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records.map(v => {
+            return v
+          })
+          this.page.total = res.data.total
+        }
+      })
+    },
+    typeChange(val) {
+      val == '0' ? this.personUrl = '/app/appresident/list?fileStatus=0' : this.personUrl = '/app/apprecurrentpopulation/list?fileStatus=0';
+      this.dialogInfo.name = "";
+      this.dialogInfo.idNumber = "";
+      this.dialogInfo.phone = "";
+      this.dialogInfo.avatar = "";
+      this.dialogInfo.areaId = "";
+    },
+    add() {
+      this.dialog.visible = true;
+      this.dialog.title = '添加家庭';
+    },
+    addFamily() {
+      this.dialog.visible = true;
+      this.dialog.title = '添加成员';
+    },
+
+    init(formName) {
+      this.$refs[formName].clearValidate();
+      Object.keys(this.dialogInfo).forEach(e => {
+        this.dialogInfo[e] = ''
+      })
+      this.dialogInfo.personType = '0';
+      this.personUrl = '';
+    },
+
+    familyMember (row) {
+      this.instance.post(`/app/appresident/detail?id=${row.id}`).then(res => {
+        if (res.code === 0) {
+          this.familyList = res.data.family
+          this.familyPage.total = res.data.family.length
+          this.addMemberVisible = true
+        }
+      })
+    },
+
+    goBack() {
+      this.detailShow = false;
+    },
+
+    goDetail(row) {
+      this.detailInfo = {...row};
+      this.detailShow = true;
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.scoreFamily {
+  height: 100%;
+  background: #f3f6f9;
+  overflow: auto;
+
+  .form_div {
+    width: 380px;
+  }
+
+  .add_btn {
+    color: #5088FF;
+    font-size: 14px;
+    line-height: 36px;
+    text-align: right;
+
+    span {
+      cursor: pointer;
+    }
+
+    span:nth-child(2) {
+      margin-left: 4px;
+    }
+
+  }
+
+  .iconfont {
+    cursor: pointer;
+  }
+
+  .iconAll_Profile {
+    padding: 0 8px;
+  }
+  .family-list{
+    ::v-deep .el-table--small{
+      font-size: 14px!important;
+    }
+  }
+}
+</style>
diff --git a/project/xiushan/apps/creditScore/scorePersonal/detail.vue b/project/xiushan/apps/creditScore/scorePersonal/detail.vue
new file mode 100644
index 00000000..76fdffb9
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scorePersonal/detail.vue
@@ -0,0 +1,205 @@
+<template>
+  <ai-detail class="family_detail">
+    <template slot="title">
+      <ai-title title="个人积分明细" :isShowBack="true" :isShowBottomBorder="true" @onBackClick="$emit('goBack')" ></ai-title>
+    </template>
+    <template slot="content">
+      <div class="detail-info">
+        <div class="detail-info__item">
+          <h2>姓名</h2>
+          <span>{{ info.name }}</span>
+        </div>
+        <div class="detail-info__item">
+          <h2>个人积分</h2>
+          <span style="color: #2266FF;">{{ info.personalIntegral || 0 }}</span>
+        </div>
+        <div class="detail-info__item">
+          <h2>已用积分</h2>
+          <span style="color: #2266FF;">{{ info.personalUsedIntegral || 0 }}</span>
+        </div>
+      </div>
+      <ai-card title="余额变动明细">
+        <template slot="right">
+          <!-- <ai-download
+            :instance="instance"
+            url="/app/appvillagerintegraldetail/export"
+            :disabled="!Boolean(tableData.length)"
+            :params="{familyName:detailInfo.name,doType:doType}"
+            fileName="余额变动明细">
+            <span class="iconfont iconExported">导出</span>
+          </ai-download> -->
+        </template>
+        <template #content>
+          <el-select v-model="doType" placeholder="请选择类型" size='small' clearable  @change="page.current=1,getList()">
+            <el-option
+              v-for="(item,i) in dict.getDict('integralDetailType')"
+              :label="item.dictName"
+              :key="i"
+              :value="item.dictValue">
+            </el-option>
+          </el-select>
+          <ai-table class="fs-14"
+            style="margin-top: 16px;"
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="page.total"
+            :current.sync="page.current"
+            :size.sync="page.size"
+            :isShowPagination="false"
+            tableSize="small"
+            :border="true"
+            @getList="getList">
+          </ai-table>
+        </template>
+      </ai-card>
+    </template>
+  </ai-detail>
+</template>
+
+<script>
+  export default {
+    name: 'balance',
+
+    props: {
+      detailInfo: {
+        type: Object,
+        require: true
+      },
+      instance: Function,
+      dict: Object
+    },
+
+    data () {
+      return {
+        page: {
+          current: 1,
+          size: 10,
+          total: 0
+        },
+        info: {},
+        doType: '',
+        tableData: []
+      }
+    },
+
+    created () {
+      this.dict.load('integralDetailType')
+      this.getList()
+    },
+
+    computed: {
+      colConfigs () {
+        const _this = this
+        return [
+          {
+            prop: 'doTime',
+            label: '时间',
+            align:'left'
+          },
+          {
+            prop: 'doType',
+            align: 'center',
+            label: '类型',
+            render (h, {row}) {
+              return h('span',{}, _this.dict.getLabel('integralDetailType', row.bizType))
+            }
+          },
+          {
+            prop: 'changeIntegral',
+            align: 'center',
+            label: '变动积分'
+          },
+          {
+            prop: 'nowIntegral',
+            align: 'center',
+            label: '剩余积分'
+          },
+          {
+            prop: 'description',
+            label: '事件类型',
+            align:'left'
+          }
+        ]
+      }
+    },
+
+    methods: {
+      getList () {
+        this.instance.post(`/app/appresident/detail?id=${this.detailInfo.id}`).then(res => {
+          if (res.code === 0) {
+            this.info = res.data.resident
+            this.instance.post(`/app/appvillagerintegraldetail/IntegralList?bizType=${this.doType}&type=1&residentId=${res.data.resident.id}`, null, {
+              params: this.page
+            }).then(res => {
+              if (res.code === 0) {
+                this.tableData = res.data.records
+              }
+            })
+          }
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .family_detail{
+    height: 100%;
+    background-color: #fff;
+
+    ::v-deep .ai-card__body {
+      padding: 12px 16px 20px!important;
+    }
+
+    .detail-info {
+      display: flex;
+      align-items: center;
+      margin-bottom: 20px;
+
+      .detail-info__item {
+        flex: 1;
+        height: 96px;
+        margin-right: 20px;
+        padding: 16px 24px;
+        background: #FFFFFF;
+        box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
+        border-radius: 4px;
+
+        &:last-child {
+          margin-right: 0;
+        }
+
+        h2 {
+          margin-bottom: 8px;
+          color: #888888;
+          font-size: 16px;
+          font-weight: bold;
+        }
+
+        span {
+          display: block;
+          line-height: 32px;
+          font-size: 24px;
+          font-weight: bold;
+          color: #222;
+        }
+      }
+    }
+    .iconExported{
+      color:#5088FF;
+      font-size: 12px;
+      cursor: pointer;
+    }
+    .info{
+      padding: 16px 0 16px 0;
+    }
+    .do_type{
+      height: 56px;
+    }
+    .fs-14{
+      ::v-deep .el-table--small{
+        font-size: 14px!important;
+      }
+    }
+  }
+</style>
diff --git a/project/xiushan/apps/creditScore/scoreRules/AppScoreRules.vue b/project/xiushan/apps/creditScore/scoreRules/AppScoreRules.vue
new file mode 100644
index 00000000..91d56f10
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scoreRules/AppScoreRules.vue
@@ -0,0 +1,424 @@
+<template>
+  <section class="AppScoreRules">
+    <ai-list v-if="$permissions('app_appvillagerintegralrule_detail')">
+      <template slot="title">
+        <ai-title title="积分规则" isShowBottomBorder></ai-title>
+      </template>
+      <template slot="content">
+        <ai-search-bar bottomBorder>
+          <template slot="left">
+            <ai-select
+              v-model="search.classification"
+              @change="search.current = 1, getList()"
+              placeholder="请选择分类"
+              :selectList="dict.getDict('atWillReportType')">
+            </ai-select>
+            <ai-select
+              v-model="search.integralType"
+              @change="search.current = 1, getList()"
+              placeholder="请选择类型"
+              :selectList="dict.getDict('integralIntegralType')">
+            </ai-select>
+            <ai-select
+              v-model="search.ruleStatus"
+              @change="search.current = 1, getList()"
+              placeholder="请选择状态"
+              :selectList="dict.getDict('integralRuleStatus')">
+            </ai-select>
+          </template>
+          <template slot="right">
+          </template>
+        </ai-search-bar>
+        <ai-search-bar style="margin-top: 16px;">
+          <template #left>
+            <el-button type="primary" icon="iconfont iconAdd" @click="addRule">添加</el-button>
+          </template>
+        </ai-search-bar>
+        <ai-table
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="total"
+          ref="aitableex"
+          :current.sync="search.current"
+          :size.sync="search.size"
+          @getList="getList">
+        <el-table-column slot="integral" label="分值" align="center">
+          <template slot-scope="{ row }">
+            <span
+              v-if="row.integralValueType == 1">
+              {{ row.integralStart > 0 ? '+' + row.integralStart : row.integralStart }} ~ {{ row.integralEnd > 0 ? '+' + row.integralEnd : row.integralEnd }}
+            </span>
+            <span v-else>{{ row.integral > 0 ? '+' : '' }}{{ row.integral }}</span>
+          </template>
+        </el-table-column>
+          <el-table-column slot="options" label="操作" align="center" fixed="right" width="200">
+            <template slot-scope="{ row }">
+              <div class="table-options">
+                <el-button type="text" :disabled="!$permissions('app_appvillagerintegralrule_edit')" @click="changeStatus(row.id, 0)" v-if="row.ruleStatus == 1">停用</el-button>
+                <el-button type="text" :disabled="!$permissions('app_appvillagerintegralrule_edit')" @click="changeStatus(row.id, 1)" v-else >启用</el-button>
+                <el-button type="text" :disabled="!$permissions('app_appvillagerintegralrule_edit')" @click="toEdit(row)">编辑</el-button>
+                <el-button type="text" :disabled="!$permissions('app_appvillagerintegralrule_del')" @click="remove(row.id)">删除</el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+
+    <ai-dialog
+      :title="dialog.title"
+      :visible.sync="dialog.visible"
+      :customFooter="true"
+      :destroyOnClose="true"
+      @close="init('ruleForm')"
+      width="520px">
+      <div class="form_div">
+        <el-form
+          ref="ruleForm"
+          :model="dialogInfo"
+          :rules="formRules"
+          size="small"
+          label-suffix="："
+          label-width="100px">
+          <el-form-item label="类别" prop="classification">
+            <ai-select
+              size="small"
+              v-model="dialogInfo.classification"
+              placeholder="请选择..."
+              :selectList="dict.getDict('atWillReportType')">
+            </ai-select>
+          </el-form-item>
+          <el-form-item label="事项" prop="ruleName">
+            <el-input placeholder="请输入…" v-model="dialogInfo.ruleName"></el-input>
+          </el-form-item>
+          <el-form-item label="规则说明" prop="ruleDescription">
+            <el-input
+              type="textarea"
+              :rows="3"
+              maxlength="500"
+              show-word-limit
+              placeholder="请输入…"
+              v-model="dialogInfo.ruleDescription">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="类型" prop="integralType">
+            <el-radio-group v-model="dialogInfo.integralType">
+              <el-radio label="1">加分</el-radio>
+              <el-radio label="0">扣分</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <!-- <el-form-item label="分值" prop="integralValueType">
+            <el-radio-group v-model="dialogInfo.integralValueType" @change="numTypeChange">
+              <el-radio label="0">固定分值</el-radio>
+              <el-radio label="1">区间分值</el-radio>
+            </el-radio-group>
+          </el-form-item> -->
+          <!-- <el-form-item label="积分" required v-if="dialogInfo.integralValueType == '1'">
+            <el-col :span="7" style="width: 30%;">
+              <el-form-item prop="integralStart">
+                <el-input placeholder="请输入整数" v-model="dialogInfo.integralStart"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col class="line" :span="1" style="width: 4%;text-align:center;">-</el-col>
+            <el-col :span="7" style="width: 30%;">
+              <el-form-item prop="integralEnd">
+                <el-input placeholder="请输入整数" v-model="dialogInfo.integralEnd"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col class="line" :span="9" style="width: 36%;"></el-col>
+          </el-form-item> -->
+          <el-form-item label="积分" required v-if="dialogInfo.integralValueType == '0'">
+            <el-form-item prop="integral">
+              <el-input placeholder="请输入自然数" v-model="dialogInfo.integral"></el-input>
+            </el-form-item>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="dialog.visible=false" size="medium">取消</el-button>
+        <el-button @click="onConfirm('ruleForm')" type="primary" size="medium">确认</el-button>
+      </div>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppScoreRules",
+  label: "积分规则",
+  props: {
+    instance: Function,
+    dict: Object,
+  },
+
+  data() {
+    var integralPass = (rule, value, callback) => {
+      if (value) {
+        if ((/(^[0-9]\d*$)/.test(value))) {
+          callback();
+        } else {
+          callback(new Error("请输入自然数"));
+        }
+      } else {
+        callback(new Error("请输入积分"));
+      }
+    };
+    var integralStartPass = (rule, value, callback) => {
+      if (value) {
+        if ((/(^[1-9]\d*$)/.test(value))) {
+          callback();
+        } else {
+          callback(new Error("请输入整数积分"));
+        }
+      } else {
+        callback(new Error("请输入积分"));
+      }
+    };
+    var integralEndPass = (rule, value, callback) => {
+      if (value) {
+        if ((/(^[1-9]\d*$)/.test(value))) {
+          if (Number(value) < Number(this.dialogInfo.integralStart)) {
+            callback(new Error("请输入大于前面数字的积分"));
+          } else {
+            callback()
+          }
+        } else {
+          callback(new Error("请输入整数积分"));
+        }
+      } else {
+        callback(new Error("请输入积分"));
+      }
+    };
+    return {
+      search: {
+        current: 1,
+        size: 10,
+        classification: "",
+        integralType: "",
+        ruleStatus: "",
+      },
+      total: 10,
+      colConfigs: [
+        {
+          prop: "classification", label: "类型", width: 168,
+          formart: (classification) =>
+              this.dict.getLabel("atWillReportType", classification),
+        },
+        {prop: "ruleName", label: "事项", "show-overflow-tooltip": true, width: 260},
+        {prop: "ruleDescription", label: "规则说明", width: 390},
+        {
+          prop: "integralType",
+          label: "类型",
+          width: 60,
+          formart: (integralType) =>
+              this.dict.getLabel("integralIntegralType", integralType),
+        },
+        {slot: "integral", label: "分值", width: 70},
+        {prop: "doTime", label: "最后编辑时间", width: 160},
+        {prop: "doUserName", label: "操作人", width: 120},
+        {
+          prop: "ruleStatus",
+          label: "状态",
+          align: "center",
+          width: 96,
+          fixed: "right",
+          render: (h, params) => {
+            return h(
+                "span",
+                {
+                  class: "status-" + params.row.ruleStatus,
+                },
+                this.dict.getLabel("integralRuleStatus", params.row.ruleStatus)
+            );
+          },
+        },
+        {slot: "options", label: "操作", align: "center"},
+      ],
+      tableData: [],
+
+      dialog: {
+        title: "",
+        visible: false,
+      },
+      dialogInfo: {
+        classification: "",
+        ruleName: "",
+        ruleDescription: "",
+        integralType: '1',
+        integralValueType: '0',
+        integral: "",
+        // integralStart: "",
+        // integralEnd: "",
+        doTime: '',
+        id: '',
+        doUserId: '',
+        doUserName: '',
+      },
+      formRules: {
+        classification: [
+          {required: true, message: "请选择类型", trigger: "change"},
+        ],
+        ruleName: [{required: true, message: "请输入事项", trigger: "blur"}],
+        ruleDescription: [
+          {required: true, message: "请输入规则说明", trigger: "blur"},
+        ],
+        integralType: [
+          {required: true, message: "请选择类型", trigger: "change"},
+        ],
+        integralValueType: [
+          {required: true, message: "请选择分值类型", trigger: "change"},
+        ],
+        integral: [
+          {required: true, validator: integralPass, trigger: "change"},
+        ],
+        integralStart: [
+          {required: true, validator: integralStartPass, trigger: "change"},
+        ],
+        integralEnd: [
+          {required: true, validator: integralEndPass, trigger: "change"},
+        ],
+      },
+    };
+  },
+
+  created() {
+    this.dict.load(["classification", "integralIntegralType", "integralRuleStatus", 'atWillReportType']).then(() => {
+      this.getList();
+    });
+  },
+
+  methods: {
+    getList() {
+      this.instance
+      .post(`/app/appvillagerintegralrule/list`, null, {
+        params: {
+          ...this.search,
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.tableData = res.data.records;
+          this.total = res.data.total;
+        }
+      });
+    },
+
+    toEdit(row) {
+      this.dialog.title = "编辑积分规则";
+      this.dialog.visible = true;
+      this.dialogInfo = {...row}
+      this.dialogInfo.integralStart = Math.abs(this.dialogInfo.integralStart)
+      this.dialogInfo.integralEnd = Math.abs(this.dialogInfo.integralEnd)
+      this.dialogInfo.integral = Math.abs(this.dialogInfo.integral)
+    },
+
+    remove(id) {
+      this.$confirm("删除后不可恢复，是否要删除该事项？", {
+        type: 'error'
+      }).then(() => {
+        this.instance
+        .post(`/app/appvillagerintegralrule/delete?ids=${id}`)
+        .then((res) => {
+          if (res.code == 0) {
+            this.$message.success("删除成功！");
+            this.getList();
+          }
+        });
+      });
+    },
+
+    changeStatus(id, status) {
+      var text = status == 1 ? '启用' : '停用'
+      this.$confirm(`确定${text}该条规则？`).then(() => {
+        this.instance
+        .post(`/app/appvillagerintegralrule/enableOrDisable?id=${id}`)
+        .then((res) => {
+          if (res.code == 0) {
+            this.$message.success(`${text}成功！`)
+            this.getList();
+          }
+        });
+      });
+    },
+
+    onReset() {
+      this.search.current = 1
+      this.search.classification = ""
+      this.search.integralType = ""
+      this.search.ruleStatus = ""
+      this.getList();
+    },
+
+    onAdd() {
+      this.$emit("change", {
+        type: "add",
+      });
+    },
+
+    addRule() {
+      this.dialog.title = "添加积分规则";
+      this.dialog.visible = true;
+    },
+
+    onConfirm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.instance
+          .post(`/app/appvillagerintegralrule/addOrUpdate`, this.dialogInfo)
+          .then((res) => {
+            if (res.code == 0) {
+              this.$message.success(`${this.dialogInfo.id ? '编辑成功' : '添加成功'}`)
+              this.onReset()
+              this.onCancel();
+            }
+          });
+        } else {
+          return false;
+        }
+      });
+    },
+
+    onCancel() {
+      this.dialog.visible = false;
+    },
+
+    numTypeChange() {
+      // this.dialogInfo.integra = "";
+      // this.dialogInfo.integralStart = "";
+      // this.dialogInfo.integralEnd = "";
+    },
+
+    init(formName) {
+      this.$refs[formName].clearValidate();
+      Object.keys(this.dialogInfo).forEach((e) => {
+        this.dialogInfo[e] = "";
+      });
+      this.dialogInfo.integralType = '1'
+      this.dialogInfo.integralValueType = '0'
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.AppScoreRules {
+  height: 100%;
+  background: #f3f6f9;
+
+  .cur-p {
+    cursor: pointer;
+  }
+
+  ::v-deep .ai-list__content--right {
+    width: 100%;
+  }
+
+  .status-0 {
+    color: #ff4466;
+  }
+
+  .status-1 {
+    color: #2ea222;
+  }
+}
+</style>
diff --git a/project/xiushan/apps/creditScore/scoreSupermarket/AppScoreSupermarket.vue b/project/xiushan/apps/creditScore/scoreSupermarket/AppScoreSupermarket.vue
new file mode 100644
index 00000000..de8dd8c7
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scoreSupermarket/AppScoreSupermarket.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="AppScoreSupermarket">
+    <ai-list v-show="!detailShow">
+      <template slot="title">
+        <ai-title title="积分超市" :isShowBottomBorder="false" :instance="instance" :isShowArea="true" v-model="areaId" @change="changeArea"></ai-title>
+      </template>
+      <template slot="tabs">
+        <el-tabs v-model="currIndex">
+          <el-tab-pane v-for="(tab,i) in tabs" :key="i" :name="String(i)" :label="tab.label">
+            <component
+              :is="tab.comp"
+              v-if="currIndex === String(i)"
+              :areaId="areaId"
+              :ref="tab.name"
+              @showDetail="showDetail"
+              :instance="instance"
+              :dict="dict"
+              :permissions="permissions" />
+          </el-tab-pane>
+        </el-tabs>
+      </template>
+    </ai-list>
+    <component v-if="detailShow" :is="currDet" :areaId="areaId" :info="info" @goBack="goBack" :instance="instance" :dict="dict" :permissions="permissions"/>
+  </div>
+</template>
+
+<script>
+import orderManagement from './orderManagement'
+import goodsManagement from './goodsManagement'
+import storeManagement from './storeManagement'
+import addOrderDetail from './components/addOrder'
+import addGoods from './components/addGoods'
+import {mapState} from 'vuex'
+
+export default {
+  name: "AppScoreSupermarket",
+  label: "积分超市",
+  components: {orderManagement, goodsManagement, storeManagement, addOrderDetail, addGoods},
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+
+  computed: {
+    tabs() {
+      // .filter(item => {
+      //   return this.$permissions(item.permission)
+      // })
+
+      return [
+        {
+          label: "订单管理",
+          name: "orderManagement",
+          comp: orderManagement,
+          detail: addOrderDetail,
+          permission: "app_apppartyfee_record"
+        },
+        {
+          label: "商品管理",
+          name: "goodsManagement",
+          comp: goodsManagement,
+          detail: addGoods,
+          permission: "app_apppartyfee_config"
+        },
+        {
+          label: "店铺管理",
+          name: "storeManagement",
+          comp: storeManagement,
+          detail: '',
+          permission: "app_apppartyfee_statistics"
+        },
+      ]
+    },
+    ...mapState(['user']),
+    currDet() {
+      return this.tabs[Number(this.currIndex)].detail;
+    }
+  },
+  created() {
+    this.areaId = this.user.info.areaId;
+  },
+  data() {
+    return {
+      activeName: "orderManagement",
+      currIndex: 0,
+      areaId: '',
+      detailShow: false,
+      info: {}
+    }
+  },
+  methods: {
+    goBack() {
+      this.detailShow = false;
+      this.$nextTick(() => {
+        this.$refs[this.tabs[Number(this.currIndex)].name][0].getList();
+      })
+    },
+    showDetail(obj) {
+      this.info = {...obj};
+      this.detailShow = true;
+    },
+    changeArea() {
+      this.$nextTick(() => {
+        if (this.currIndex == 0) this.$refs[this.tabs[Number(this.currIndex)].name][0].getShopList();
+        if (this.currIndex == 1) this.$refs[this.tabs[Number(this.currIndex)].name][0].updateList();
+        this.$refs[this.tabs[Number(this.currIndex)].name][0].getList();
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.AppScoreSupermarket {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/project/xiushan/apps/creditScore/scoreSupermarket/components/addGoods.vue b/project/xiushan/apps/creditScore/scoreSupermarket/components/addGoods.vue
new file mode 100644
index 00000000..1079d999
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scoreSupermarket/components/addGoods.vue
@@ -0,0 +1,366 @@
+<template>
+  <section class="add_order">
+    <ai-detail>
+      <template slot="title">
+        <ai-title :title="title" isShowBack :isShowBottomBorder="true" @onBackClick="$emit('goBack')"></ai-title>
+      </template>
+      <template slot="content" v-if="!isEdit">
+        <ai-card title="商品信息">
+          <template #content>
+            <div class="form_div">
+              <el-form
+                ref="rules"
+                :model="forms"
+                :rules="formRules"
+                size="small"
+                label-suffix="："
+                label-width="100px">
+                <el-form-item label="店铺名称" prop="shopId">
+                  <el-select
+                    v-model="forms.shopId"
+                    placeholder="请选择..."
+                    clearable>
+                    <el-option
+                      v-for="(item, i) in shopList"
+                      :key="i"
+                      :label="item.shopName"
+                      :value="item.id">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="商品类型" prop="merchandiseType">
+                  <el-select
+                    v-model="forms.merchandiseType"
+                    placeholder="请选择..."
+                    clearable>
+                    <el-option
+                      v-for="(item, i) in dict.getDict('integralMerchandiseType')"
+                      :key="i"
+                      :label="item.dictName"
+                      :value="item.dictValue">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="商品名称" prop="merchandiseName">
+                  <el-input
+                    v-model="forms.merchandiseName"
+                    placeholder="请输入..."
+                    maxlength="100"
+                    show-word-limit>
+                  </el-input>
+                </el-form-item>
+                <div class="above">
+                  <div class="left">
+                    <el-form-item label="单价" prop="costIntegral">
+                      <el-input
+                        v-model="forms.costIntegral"
+                        placeholder="请输入..."
+                      ></el-input>
+                    </el-form-item>
+                  </div>
+                  <div class="right">
+                    <el-form-item label="库存" prop="inventoryNumber">
+                      <el-input
+                        v-model="forms.inventoryNumber"
+                        placeholder="请输入...">
+                      </el-input>
+                    </el-form-item>
+                  </div>
+                </div>
+                <el-form-item label="状态" prop="status">
+                  <el-radio-group v-model="forms.status">
+                    <el-radio label="1">上架中</el-radio>
+                    <el-radio label="0">已下架</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item label="商品图片" prop="fileList" ref="fileList">
+                  <div class="upload">
+                    <ai-uploader
+                      :instance="instance"
+                      @change="changeFile"
+                      v-model="forms.fileList"
+                      :limit="9">
+                    </ai-uploader>
+                  </div>
+                </el-form-item>
+                <el-form-item label="商品详情" prop="description">
+                  <el-input
+                    v-model="forms.description"
+                    type="textarea"
+                    :rows="5"
+                    maxlength="100"
+                    show-word-limit
+                    placeholder="请输入...">
+                  </el-input>
+                </el-form-item>
+              </el-form>
+            </div>
+          </template>
+        </ai-card>
+      </template>
+      <template slot="content" v-if="isEdit">
+        <ai-card title="商品信息">
+          <template #content>
+            <div class="info">
+              <ai-wrapper label-width="70px" :columnsNumber="1">
+                <ai-info-item label="店铺名称"><span>{{ forms.shopName }}</span></ai-info-item>
+                <ai-info-item label="商品类型"
+                  ><span>{{
+                    dict.getLabel("integralMerchandiseType", forms.merchandiseType)
+                  }}</span></ai-info-item
+                >
+                <ai-info-item label="商品名称"
+                  ><span>{{ forms.merchandiseName }}</span></ai-info-item
+                >
+              </ai-wrapper>
+              <ai-wrapper label-width="70px" :columnsNumber="2">
+                <ai-info-item label="单价"
+                  ><span>{{ forms.costIntegral + "积分" }}</span></ai-info-item
+                >
+                <ai-info-item label="库存"
+                  ><span>{{ forms.inventoryNumber }}</span></ai-info-item
+                >
+                <ai-info-item label="销量"
+                  ><span>{{ forms.saleNumber || "0" }}</span></ai-info-item
+                >
+              </ai-wrapper>
+              <ai-wrapper label-width="70px" :columnsNumber="1">
+                <ai-info-item label="状态"
+                  ><span
+                    :style="{
+                      color: dict.getColor(
+                        'integralMerchandiseStatus',
+                        forms.status
+                      ),
+                    }"
+                    >{{
+                      dict.getLabel("integralMerchandiseStatus", forms.status)
+                    }}</span
+                  ></ai-info-item
+                >
+                <ai-info-item label="商品图片">
+                  <ai-uploader
+                    :disabled="true"
+                    :instance="instance"
+                    v-model="forms.fileList"
+                    :limit="9"
+                  ></ai-uploader>
+                </ai-info-item>
+                <ai-info-item label="商品详情"
+                  ><span>{{ forms.description }}</span></ai-info-item
+                >
+              </ai-wrapper>
+            </div>
+          </template>
+        </ai-card>
+      </template>
+      <template slot="footer" v-if="!isEdit">
+        <el-button @click="$emit('goBack')" style="width: 120px">取消</el-button>
+        <el-button type="primary" @click="save('rules')" style="width: 120px">提 交</el-button>
+      </template>
+    </ai-detail>
+  </section>
+</template>
+
+<script>
+import { mapState } from "vuex";
+export default {
+  name: "addGoods",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+    info: Object,
+    areaId: String,
+  },
+  data() {
+    return {
+      forms: {
+        shopId: "",
+        merchandiseType: "",
+        merchandiseName: "",
+        costIntegral: "",
+        inventoryNumber: "",
+        status: "",
+        fileList: [],
+        description: "",
+      },
+      shopList: [],
+      title: "添加商品",
+      showEdit: false,
+      isEdit: false,
+      detailInfo: {},
+    };
+  },
+  computed: {
+    ...mapState(["user"]),
+    formRules() {
+      var integral = (rule, value, callback) => {
+        if (value) {
+          if (/^[1-9]\d*$/.test(value)) {
+            callback();
+          } else {
+            callback(new Error("请输入正整数"));
+          }
+        } else {
+          callback(new Error("请输入单价"));
+        }
+      };
+      var integral2 = (rule, value, callback) => {
+        if (value) {
+          if (/^[1-9]\d*$/.test(value)) {
+            callback();
+          } else {
+            callback(new Error("请输入正整数"));
+          }
+        } else {
+          callback(new Error("请输入库存"));
+        }
+      };
+      return {
+        shopId: [{ required: true, message: "请选择店铺", trigger: "change" }],
+        merchandiseType: [
+          { required: true, message: "请选择商品类型", trigger: "change" },
+        ],
+        merchandiseName: [
+          { required: true, message: "请输入商品名称", trigger: "blur" },
+        ],
+        costIntegral: [
+          { required: true, validator: integral, trigger: "blur" },
+        ],
+        inventoryNumber: [
+          { required: true, validator: integral2, trigger: "blur" },
+        ],
+        status: [{ required: true, message: "请选择状态", trigger: "change" }],
+        fileList: [
+          { required: true, message: "请上传商品图片", trigger: "change" },
+        ],
+      };
+    },
+  },
+  created() {
+    let l = Object.keys(this.info).length;
+    if (this.info.isAdd) {
+      this.showEdit = false;
+      if (l > 1) {
+        this.title = "修改商品";
+        this.getShopList().then(() => {
+          this.searchDetail(this.info.id);
+        });
+      } else {
+        this.title = "添加商品";
+        this.getShopList();
+      }
+    } else {
+      this.title = "商品详情";
+      this.isEdit = true;
+      this.showEdit = true;
+      this.getShopList().then(() => {
+        this.searchDetail(this.info.id);
+      });
+    }
+  },
+  methods: {
+    getShopList() {
+      return new Promise((reslove) => {
+        this.instance
+          .post(`/app/appvillagerintegralshop/listForOperator`, null, {
+            params: {
+              size: 100000,
+              areaId: this.areaId,
+            },
+          })
+          .then((res) => {
+            if (res.code == 0) {
+              this.shopList = res.data.records;
+              reslove();
+            }
+          });
+      });
+    },
+    changeFile() {
+      this.$refs.fileList.$emit("el.form.change");
+    },
+    searchDetail(id) {
+      this.instance
+        .post(`/app/appvillagerintegralmerchandise/queryDetailById`, null, {
+          params: {
+            id,
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.forms = { ...res.data };
+            let i = this.shopList.findIndex(
+              (item) => item.id == this.forms.shopId
+            );
+            if (i > -1) {
+              this.forms.shopName = this.shopList[i].shopName;
+            }
+          }
+        });
+    },
+    edit() {
+      this.isEdit = false;
+    },
+    save(formName, type) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.instance
+            .post(
+              `/app/appvillagerintegralmerchandise/addOrUpdate`,
+              {
+                ...this.forms,
+                areaId: this.user.info.areaId,
+              },
+              null
+            )
+            .then((res) => {
+              if (res.code == 0) {
+                this.$message.success("提交成功");
+                if (type == "detail") {
+                  this.isEdit = true;
+                } else {
+                  this.$emit("goBack");
+                }
+              }
+            });
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.add_order {
+  height: 100%;
+  .form_div {
+    padding: 16px 0;
+  }
+  .above {
+    overflow: hidden;
+    width: 100%;
+    .left {
+      width: 50%;
+      float: left;
+    }
+    .right {
+      width: 50%;
+      float: right;
+    }
+  }
+  .iconEdit,
+  .Edit {
+    color: #5088ff;
+    font-size: 12px;
+    cursor: pointer;
+    padding-left: 8px;
+  }
+  .info {
+    padding: 16px 0;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/project/xiushan/apps/creditScore/scoreSupermarket/components/addOrder.vue b/project/xiushan/apps/creditScore/scoreSupermarket/components/addOrder.vue
new file mode 100644
index 00000000..3f578d18
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scoreSupermarket/components/addOrder.vue
@@ -0,0 +1,631 @@
+<template>
+  <section class="add_order">
+    <ai-detail>
+      <template slot="title">
+        <ai-title :title="title" :isShowBack="true" :isShowBottomBorder="true"
+                  @onBackClick="$emit('goBack')"></ai-title>
+      </template>
+      <template slot="content" v-if="info.isAdd">
+        <ai-card title="订单信息">
+          <template #content>
+            <div class="form_div">
+              <el-form
+                  ref="rules"
+                  :model="forms"
+                  :rules="formRules"
+                  size="small"
+                  label-suffix="："
+                  label-width="100px">
+                <el-form-item label="店铺名称" prop="shopId">
+                  <el-select
+                      v-model="forms.shopId"
+                      placeholder="请选择..."
+                      @change="(forms.merchandiseList = []), (goodIntegral = {})"
+                      clearable>
+                    <el-option
+                        v-for="(item, i) in shopList"
+                        :key="i"
+                        :label="item.shopName"
+                        :value="item.id">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="兑换家庭" prop="name">
+                  <el-row type="flex" :gutter="8">
+                    <el-col
+                    >
+                      <el-input v-model="forms.name" disabled clearable
+                      />
+                    </el-col>
+                    <el-col>
+                      <ai-person-select
+                          :instance="instance"
+                          url="/app/appvillagerintegralfamilymember/list"
+                          headerTitle="家庭列表"
+                          dialogTitle="选择家庭"
+                          @selectPerson="getSelect"
+                      >
+                        <template name="option" v-slot:option="{ item }">
+                          <span class="iconfont iconProlife">{{ item.name }}</span>
+                          <ai-id
+                              mode="show"
+                              :show-eyes="false"
+                              :value="item.idNumber"
+                          />
+                          <span>{{ item.phone }}</span>
+                        </template>
+                      </ai-person-select>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+                <el-form-item label="积分余额">
+                  <p>
+                    <span style="color: #2266ff">{{ integral || "0" }}</span
+                    >分
+                  </p>
+                </el-form-item>
+                <el-form-item label="兑换商品" prop="merchandiseList">
+                  <el-button @click="showGoodsList()" :disabled="!forms.shopId || !forms.name">选择商品</el-button>
+                </el-form-item>
+                <ai-table
+                    :tableData="forms.merchandiseList"
+                    :col-configs="colConfigs"
+                    :isShowPagination="false">
+                  <el-table-column
+                      label="商品图"
+                      slot="photo"
+                      align="center"
+                      width="150">
+                    <template v-slot="{ row }">
+                      <ai-uploader
+                          :disabled="true"
+                          :instance="instance"
+                          v-model="row.photo"
+                          :limit="9">
+                      </ai-uploader>
+                    </template>
+                  </el-table-column>
+                  <el-table-column
+                      label="兑换数量"
+                      width="180"
+                      slot="merchandiseNumber"
+                      align="center">
+                    <template v-slot="{ row }">
+                      <el-input-number
+                          :min="1"
+                          :max="row.inventoryNumber"
+                          size="mini"
+                          v-model="merchandiseNumbers[row.id]"
+                          @change="
+                          (currentValue, oldValue) =>
+                            changeNumber(currentValue, oldValue, row)
+                        "
+                          :step="1"
+                          step-strictly
+                      ></el-input-number>
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="消耗积分" slot="integral" align="center">
+                    <template v-slot="{ row }">
+                      <span>{{ goodIntegral[row.id] }}</span>
+                    </template>
+                  </el-table-column>
+                  <el-table-column
+                      slot="options"
+                      label="操作"
+                      align="center"
+                      width="60"
+                  >
+                    <template slot-scope="row">
+                      <el-button
+                          type="text"
+                          class="icon-color89B"
+                          icon="iconfont iconDelete"
+                          title="删除"
+                          @click="deleteGood(row)"
+                      />
+                    </template>
+                  </el-table-column>
+                </ai-table>
+                <div class="total">
+                  <p class="num">
+                    <span>合计积分：</span>
+                    <span>{{ allIntegral }}</span>
+                    <span>分</span>
+                  </p>
+                  <p class="tip" v-if="allIntegral > Number(integral)">
+                    （积分不足，请删减商品）
+                  </p>
+                </div>
+              </el-form>
+            </div>
+          </template>
+        </ai-card>
+      </template>
+      <template slot="content" v-if="!info.isAdd">
+        <ai-card title="订单信息">
+          <template #content>
+            <div class="info">
+              <ai-wrapper label-width="70px" :columnsNumber="1">
+                <ai-info-item label="订单号"><span>{{ detailInfo.orderCode }}</span></ai-info-item>
+                <ai-info-item label="创建时间"><span>{{ detailInfo.createTime }}</span></ai-info-item>
+                <ai-info-item label="店铺名"><span>{{ detailInfo.shopName }}</span></ai-info-item>
+                <ai-info-item label="状态">
+                  <span :style="{ color: dict.getColor('integralOrderStatus', detailInfo.orderStatus)}">
+                    {{ dict.getLabel("integralOrderStatus", detailInfo.orderStatus) }}
+                  </span>
+                </ai-info-item>
+              </ai-wrapper>
+              <ai-table
+                  :tableData="detailInfo.merchandiseList"
+                  :col-configs="colConfigs"
+                  :isShowPagination="false">
+                <el-table-column
+                    label="商品图"
+                    slot="photo"
+                    align="center"
+                    width="150">
+                  <template v-slot="{ row }">
+                    <ai-uploader
+                        :disabled="true"
+                        :instance="instance"
+                        v-model="row.merchandisePhoto"
+                        :limit="9">
+                    </ai-uploader>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    label="兑换数量"
+                    width="200"
+                    slot="merchandiseNumber"
+                    align="center">
+                  <template v-slot="{ row }">
+                    {{ row.merchandiseNumber }}
+                  </template>
+                </el-table-column>
+                <el-table-column label="消耗积分" slot="integral" align="center">
+                  <template v-slot="{ row }">
+                    <span>{{ Number(row.merchandiseNumber) * Number(row.costIntegral) }}</span>
+                  </template>
+                </el-table-column>
+              </ai-table>
+              <div class="total">
+                <p class="num">
+                  <span>合计积分：</span>
+                  <span>{{ detailInfo.orderIntegral }}</span>
+                  <span>分</span>
+                </p>
+              </div>
+            </div>
+          </template>
+        </ai-card>
+        <ai-card title="兑换家庭信息">
+          <template #content>
+            <div class="info">
+              <ai-wrapper label-width="70px" :columnsNumber="2">
+                <ai-info-item label="户主"><span>{{ detailInfo.familyName }}</span></ai-info-item>
+                <ai-info-item label="联系方式"><span>{{ detailInfo.familyPhone || "-" }}</span></ai-info-item>
+              </ai-wrapper>
+              <ai-wrapper label-width="70px" :columnsNumber="1">
+                <ai-info-item label="备注"><span>{{ detailInfo.remark || "-" }}</span></ai-info-item>
+              </ai-wrapper>
+            </div>
+          </template>
+        </ai-card>
+        <ai-card title="操作人信息">
+          <template #content>
+            <div class="info">
+              <ai-wrapper label-width="70px">
+                <ai-info-item label="操作人"><span>{{ detailInfo.createUserName || "-" }}</span></ai-info-item>
+                <ai-info-item label="联系方式"><span>{{ detailInfo.createUserPhone || "-" }}</span></ai-info-item>
+                <ai-info-item label="完成时间"><span>{{ detailInfo.finishTime || "-" }}</span></ai-info-item>
+              </ai-wrapper>
+            </div>
+          </template>
+        </ai-card>
+      </template>
+      <template slot="footer" v-if="info.isAdd">
+        <el-button @click="$emit('goBack')" style="width: 120px">取消</el-button>
+        <el-button type="primary" @click="save('rules')" style="width: 120px"
+                   :disabled="allIntegral > Number(integral)">确认兑换
+        </el-button>
+      </template>
+    </ai-detail>
+    <ai-dialog
+        title="选择商品"
+        :visible.sync="showGoods"
+        :customFooter="true"
+        :destroyOnClose="true"
+        class="goods"
+        @close="init"
+        border
+        width="780px">
+      <div class="border_div">
+        <header>
+          <span>商品列表</span>
+          <el-input
+              v-model="keyWord"
+              size="mini"
+              placeholder="商品关键字"
+              @keyup.enter.native="showGoodsList()"
+              clearable
+              style="width: 220px"
+              suffix-icon="iconfont iconSearch"
+          />
+        </header>
+        <ai-table
+            :tableData="goodList"
+            :col-configs="goodsConfig"
+            :isShowPagination="false"
+            @selection-change="handleSelectionChange"
+        >
+          <el-table-column
+              slot="selection"
+              type="selection"
+              width="55" :selectable="row=>Number(row.inventoryNumber)>0"
+          />
+        </ai-table>
+      </div>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="showGoods = false" size="medium">取消</el-button>
+        <el-button @click="onConfirm()" type="primary" size="medium">确认</el-button>
+      </div>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: "addOrder",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+    info: Object,
+    areaId: String,
+  },
+  data() {
+    return {
+      forms: {
+        shopId: "",
+        familyId: "",
+        familyName: "",
+        name: "",
+        memberId: "",
+        merchandiseList: [],
+        phone: "",
+      },
+      integral: "",
+      shopList: [],
+      goodList: [],
+      goodIntegral: {},
+      merchandiseNumbers: {},
+      showGoods: false,
+      selectGoodList: [],
+      keyWord: "",
+      title: "",
+      detailInfo: {},
+    };
+  },
+  computed: {
+    ...mapState(["user"]),
+    formRules() {
+      return {
+        shopId: [{required: true, message: "请选择店铺", trigger: "change"}],
+        name: [
+          {required: true, message: "请选择兑换家庭", trigger: "change"},
+        ],
+        merchandiseList: [
+          {required: true, message: "请选择商品", trigger: "change"},
+        ],
+      };
+    },
+    colConfigs() {
+      return [
+        {slot: "photo", prop: "photo", label: "商品图", align: "center"},
+        {
+          prop: "merchandiseName",
+          label: "商品名",
+          align: "left",
+          width: 160,
+          "show-overflow-tooltip": false,
+        },
+        {
+          prop: "costIntegral",
+          label: "单价",
+          align: "center",
+          width: 60,
+        },
+        {
+          slot: "merchandiseNumber",
+          prop: "merchandiseNumber",
+          label: "兑换数量",
+          align: "center",
+        },
+        {
+          prop: "inventoryNumber",
+          label: "库存",
+          align: "center",
+          width: 60,
+          hide: this.title == "兑换订单详情",
+        },
+        {
+          slot: "integral",
+          prop: "integral",
+          label: "消耗积分",
+          align: "center",
+        },
+        {slot: "options", label: "操作", align: "center"},
+      ];
+    },
+    goodsConfig() {
+      return [
+        {slot: "selection", label: "", align: "center"},
+        {prop: "merchandiseName", label: "商品名", align: "left", width: 350},
+        {prop: "costIntegral", label: "单价", align: "left"},
+        {prop: "inventoryNumber", align: "center", label: "库存"},
+      ];
+    },
+    allIntegral() {
+      let arr = Object.keys(this.goodIntegral);
+      let all = 0;
+      arr.forEach((e) => {
+        all += this.goodIntegral[e];
+      });
+      return all;
+    },
+  },
+  created() {
+    if (this.info.isAdd) {
+      this.title = "添加兑换订单";
+    } else {
+      this.title = "兑换订单详情";
+      this.searchDetail(this.info.id);
+    }
+    this.getShopList();
+  },
+  methods: {
+    getSelect(val) {
+      if (val) {
+        this.forms.familyName = val.familyName;
+        this.forms.familyId = val.familyId;
+        this.forms.name = val.name;
+        this.forms.memberId = val.id;
+        this.forms.phone = val.phone;
+        this.integral = val.integral;
+      } else {
+        this.forms.familyName = "";
+        this.forms.familyId = "";
+        this.forms.name = "";
+        this.forms.memberId = "";
+        this.forms.phone = "";
+        this.integral = 0;
+      }
+    },
+    handleSelectionChange(val) {
+      this.selectGoodList = [...val];
+    },
+    onConfirm() {
+      this.selectGoodsInit(this.selectGoodList).then(() => {
+        this.showGoods = false;
+      });
+    },
+    init() {
+      this.selectGoodList = [];
+      this.goodList = [];
+    },
+    deleteGood(row) {
+      console.log(row);
+      this.$confirm("是否删除该商品？", {
+        type: "error",
+      })
+      .then(() => {
+        this.forms.merchandiseList.splice(row.$index, 1);
+        this.$delete(this.goodIntegral, row.row.id);
+        this.$delete(this.merchandiseNumbers, row.row.id);
+        return this.$message.success("删除成功");
+      })
+      .catch(() => {
+      });
+    },
+    selectGoodsInit(val) {
+      return new Promise((reslove) => {
+        val.map((e) => {
+          e.merchandiseNumber = 1;
+          e.merchandiseId = e.id;
+          this.$set(this.merchandiseNumbers, e.id, 1);
+          this.$set(this.goodIntegral, e.id, Number(e.costIntegral));
+          if (e.photo) {
+            e.merchandisePhoto = e.photo;
+            e.photo = [{...JSON.parse(e.photo)[0]}];
+          } else {
+            e.photo = [];
+          }
+        });
+        this.forms.merchandiseList = this.forms.merchandiseList.concat([
+          ...val,
+        ]);
+        reslove();
+      });
+    },
+    showGoodsList() {
+      this.instance
+      .post(`/app/appvillagerintegralmerchandise/list`, null, {
+        params: {
+          size: 100000,
+          shopId: this.forms.shopId,
+          merchandiseName: this.keyWord,
+          status: "1",
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          if (this.forms.merchandiseList.length > 0) {
+            this.forms.merchandiseList.forEach((e1) => {
+              res.data.records.forEach((e2, index2) => {
+                if (e1.id == e2.id) {
+                  res.data.records.splice(index2, 1);
+                }
+              });
+            });
+          }
+          this.goodList = res.data.records;
+          this.showGoods = true;
+        }
+      });
+    },
+    changeNumber(currentValue, oldValue, row) {
+      console.log(currentValue, oldValue, row);
+      this.$set(
+          this.goodIntegral,
+          row.id,
+          Number(currentValue) * Number(row.costIntegral)
+      );
+    },
+    getShopList() {
+      this.instance
+      .post(`/app/appvillagerintegralshop/listForOperator`, null, {
+        params: {
+          size: 100000,
+          areaId: this.areaId,
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.shopList = res.data.records;
+        }
+      });
+    },
+    save(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.forms.merchandiseList.forEach((e1, index1) => {
+            Object.keys(this.merchandiseNumbers).forEach((e2) => {
+              if (e1.id == e2) {
+                this.forms.merchandiseList[
+                    index1
+                    ].merchandiseNumber = this.merchandiseNumbers[e2];
+              }
+            });
+          });
+          this.instance
+          .post(
+              `/app/appvillagerintegralshoporder/addOrder`,
+              {
+                ...this.forms,
+                areaId: this.user.info.areaId,
+                orderIntegral: this.allIntegral,
+              },
+              null
+          )
+          .then((res) => {
+            if (res.code == 0) {
+              this.$message.success("提交成功");
+              this.$emit("goBack");
+            } else {
+              return this.$message.error(res.msg);
+            }
+          });
+        } else {
+          return false;
+        }
+      });
+    },
+    searchDetail(id) {
+      this.instance
+      .post(`/app/appvillagerintegralshoporder/queryDetailById`, null, {
+        params: {
+          id,
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.detailInfo = {...res.data};
+          this.detailInfo.merchandiseList.map((e) => {
+            let arr = JSON.parse(e.merchandisePhoto);
+            e.merchandisePhoto = [{...arr[0]}];
+          });
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.add_order {
+  height: 100%;
+
+  .form_div {
+    padding: 16px 0;
+  }
+
+  .goods {
+    ::v-deep .el-table td {
+      border-bottom: none;
+      padding: 2px 0;
+    }
+
+    ::v-deep .el-table th {
+      padding: 2px 0;
+    }
+  }
+
+  .total {
+    width: 100%;
+    padding: 32px 0;
+
+    p {
+      text-align: right;
+      font-size: 14px;
+    }
+
+    .num {
+      font-size: 14px;
+      color: #333333;
+
+      span:nth-child(1) {
+        color: #999999;
+      }
+
+      span:nth-child(2) {
+        color: #2266ff;
+        font-size: 20px;
+        font-weight: bold;
+      }
+    }
+
+    .tip {
+      color: #ff4466;
+    }
+  }
+
+  .border_div {
+    overflow: hidden;
+    border-radius: 2px;
+    border: 1px solid #d0d4dc;
+
+    header {
+      height: 40px;
+      background: #f5f5f5;
+      padding: 0 8px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      border-bottom: 1px solid #d0d4dc;
+
+      span {
+        color: #333333;
+        font-size: 12px;
+      }
+    }
+  }
+
+  .info {
+    padding: 16px 0;
+  }
+}
+</style>
diff --git a/project/xiushan/apps/creditScore/scoreSupermarket/goodsManagement.vue b/project/xiushan/apps/creditScore/scoreSupermarket/goodsManagement.vue
new file mode 100644
index 00000000..2e1ab2c2
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scoreSupermarket/goodsManagement.vue
@@ -0,0 +1,336 @@
+<template>
+  <section class="order_management">
+    <ai-list isTabs>
+      <template slot="content">
+        <ai-search-bar bottomBorder>
+          <template slot="left">
+            <el-select
+              size="small"
+              v-model="searchObj.shopId"
+              placeholder="请选择店铺"
+              clearable
+              @change="(page.current = 1), getList()">
+              <el-option
+                v-for="(item, i) in shopList"
+                :key="i"
+                :label="item.shopName"
+                :value="item.id">
+              </el-option>
+            </el-select>
+            <el-select
+              size="small"
+              v-model="searchObj.merchandiseType"
+              placeholder="请选择商品类型"
+              clearable
+              @change="(page.current = 1), getList()">
+              <el-option
+                v-for="(item, i) in dict.getDict('integralMerchandiseType')"
+                :key="i"
+                :label="item.dictName"
+                :value="item.dictValue">
+              </el-option>
+            </el-select>
+            <el-select
+              size="small"
+              v-model="searchObj.status"
+              placeholder="请选择状态"
+              clearable
+              @change="(page.current = 1), getList()">
+              <el-option
+                v-for="(item, i) in dict.getDict('integralMerchandiseStatus')"
+                :key="i"
+                :label="item.dictName"
+                :value="item.dictValue">
+              </el-option>
+            </el-select>
+          </template>
+          <template slot="right">
+            <el-input
+              v-model="searchObj.merchandiseName"
+              size="small"
+              placeholder="商品名"
+              @keyup.enter.native="(page.current = 1), getList()"
+              @clear="(page.current = 1), searchObj.merchandiseName = '', getList()"
+              clearable
+              suffix-icon="iconfont iconSearch" />
+          </template>
+        </ai-search-bar>
+        <ai-search-bar class="mt10">
+          <template slot="left">
+            <el-button
+              type="primary"
+              icon="iconfont iconAdd"
+              @click="add()"
+              v-if="$permissions('app_appvillagerintegralmerchandise_edit')">
+              添加
+            </el-button>
+            <ai-download
+              :instance="instance"
+              :fileName="'商品列表'"
+              url="/app/appvillagerintegralmerchandise/export"
+              v-if="$permissions('app_appvillagerintegralmerchandise_export')"
+              :params="{ ...searchObj, areaId: areaId }">
+            </ai-download>
+          </template>
+          <template slot="right"> </template>
+        </ai-search-bar>
+        <ai-table
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="page.total"
+          :current.sync="page.current"
+          :size.sync="page.size"
+          @getList="getList">
+          <el-table-column
+            label="商品图"
+            slot="photo"
+            align="center"
+            width="150">
+            <template v-slot="{ row }">
+              <ai-uploader
+                :disabled="true"
+                :instance="instance"
+                v-model="row.photo"
+                :limit="9">
+              </ai-uploader>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" slot="options" align="center" width="200" fixed="right">
+            <template v-slot="{ row }">
+              <div class="table-options">
+                <el-button
+                  type="text"
+                  title="编辑"
+                  :disabled="!$permissions('app_appvillagerintegralmerchandise_edit') || row.enable != 1"
+                  @click="edit(row)">
+                  编辑
+                </el-button>
+                <el-button
+                  type="text"
+                  title="详情"
+                  :disabled="!$permissions('app_appvillagerintegralmerchandise_detail') || row.enable != 1"
+                  @click="goDetail(row)">
+                  详情
+                </el-button>
+                <el-button
+                  type="text"
+                  title="上架"
+                  :disabled="row.status != 0 || !$permissions('app_appvillagerintegralmerchandise_edit') || row.enable != 1"
+                  @click="changeStatus(row)">
+                  上架
+                </el-button>
+                <el-button
+                  type="text"
+                  title="下架"
+                  :disabled="row.status != 1 || !$permissions('app_appvillagerintegralmerchandise_edit') || row.enable != 1"
+                  @click="changeStatus(row)">
+                  下架
+                </el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "goodsManagement",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+    areaId: String,
+  },
+  data() {
+    return {
+      searchObj: {
+        shopId: "",
+        status: "",
+        merchandiseName: "",
+        merchandiseType: "",
+      },
+      page: {
+        size: 10,
+        current: 1,
+        total: 0,
+      },
+      tableData: [],
+      shopList: [],
+    };
+  },
+  computed: {
+    colConfigs() {
+      let _ = this;
+      return [
+        {
+          prop: "shopId",
+          label: "店铺名称",
+        },
+        {
+          slot: "photo",
+          prop: "photo",
+          align: "center",
+          label: "商品图",
+        },
+        {
+          prop: "merchandiseName",
+          align: "left",
+          label: "商品名",
+          width: 180,
+          "show-overflow-tooltip": false,
+        },
+        {
+          prop: "costIntegral",
+          align: "center",
+          label: "单价",
+          width: 100,
+        },
+        {
+          prop: "inventoryNumber",
+          align: "center",
+          label: "库存",
+        },
+        {
+          prop: "saleNumber",
+          align: "center",
+          label: "销量",
+        },
+        {
+          prop: "status",
+          align: "center",
+          label: "状态",
+          render(h, { row }) {
+            return h(
+              "span",
+              {
+                style: {
+                  color: _.$dict.getColor(
+                    "integralMerchandiseStatus",
+                    row.status
+                  ),
+                },
+              },
+              _.$dict.getLabel("integralMerchandiseStatus", row.status)
+            );
+          },
+        },
+      ];
+    },
+  },
+  created() {
+    this.dict.load("integralMerchandiseType", "integralMerchandiseStatus");
+    this.getShopList().then(() => {
+      this.getList();
+    });
+  },
+  methods: {
+    getList() {
+      this.instance
+        .post(`/app/appvillagerintegralmerchandise/list`, null, {
+          params: {
+            ...this.searchObj,
+            ...this.page,
+            areaId: this.areaId,
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.tableData = res.data.records;
+            this.tableData.map(e => {
+              let i = this.shopList.findIndex((item) => item.id == e.shopId);
+              if (i > -1) {
+                e.shopId = this.shopList[i].shopName;
+              }
+              if (e.photo) {
+                e.allPhoto = [...JSON.parse(e.photo)];
+                e.photo = [{ ...e.allPhoto[0] }];
+              } else {
+                e.photo = [];
+              }
+            });
+            this.page.total = res.data.total;
+          }
+        });
+    },
+    updateList() {
+      this.getShopList().then(() => {
+        this.getList();
+      });
+    },
+    reset() {
+      Object.keys(this.searchObj).forEach((e) => {
+        this.searchObj[e] = "";
+      });
+      this.getList();
+    },
+    add() {
+      this.$emit("showDetail", { isAdd: true });
+    },
+    edit(row) {
+      this.$emit("showDetail", { isAdd: true, ...row });
+    },
+    goDetail(row) {
+      this.$emit("showDetail", { isAdd: false, ...row });
+    },
+    changeStatus(row) {
+      let status =
+        row.status == 0
+          ? `上架 ${row.shopId}-${row.merchandiseName}`
+          : `下架 ${row.shopId}-${row.merchandiseName}`;
+      this.$confirm(
+        `<p>是否要<span style='color:#2266FF;'>${status}</span>？</p>`,
+        {
+          type: "error",
+        }
+      )
+        .then(() => {
+          this.instance
+            .post("/app/appvillagerintegralmerchandise/enableOrDisable", null, {
+              params: { id: row.id },
+            })
+            .then((res) => {
+              if (res?.code == 0) {
+                this.$message.success("操作成功!");
+                this.getList();
+              }
+            });
+        })
+        .catch(() => {});
+    },
+    getShopList() {
+      return new Promise((reslove) => {
+        this.instance
+          .post(`/app/appvillagerintegralshop/list`, null, {
+            params: {
+              size: 100000,
+              areaId: this.areaId,
+            },
+          })
+          .then((res) => {
+            if (res.code == 0) {
+              this.shopList = res.data.records;
+              reslove();
+            }
+          });
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.order_management {
+  background: #f3f6f9;
+  height: 100%;
+  overflow: auto;
+  .iconShow {
+    padding: 0 8px;
+  }
+  .iconfont {
+    cursor: pointer;
+  }
+}
+</style>
diff --git a/project/xiushan/apps/creditScore/scoreSupermarket/orderManagement.vue b/project/xiushan/apps/creditScore/scoreSupermarket/orderManagement.vue
new file mode 100644
index 00000000..a2c13327
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scoreSupermarket/orderManagement.vue
@@ -0,0 +1,491 @@
+<template>
+  <section class="order_management">
+    <ai-list isTabs>
+      <template slot="content">
+        <ai-search-bar>
+          <template slot="left">
+            <el-select
+              size="small"
+              v-model="searchObj.shopId"
+              placeholder="请选择店铺"
+              clearable
+              @change="(page.current = 1), getList()">
+              <el-option
+                v-for="(item, i) in shopList"
+                :key="i"
+                :label="item.shopName"
+                :value="item.id">
+              </el-option>
+            </el-select>
+            <el-select
+              size="small"
+              v-model="searchObj.orderStatus"
+              placeholder="请选择状态"
+              clearable
+              @change="(page.current = 1), getList()">
+              <el-option
+                v-for="(item, i) in dict.getDict('integralOrderStatus')"
+                :key="i"
+                :label="item.dictName"
+                :value="item.dictValue">
+              </el-option>
+            </el-select>
+            <div class="times_div">
+              <p class="times">创建时间</p>
+              <el-date-picker
+                v-model="searchObj.createTimeStart"
+                type="date"
+                size="small"
+                @change="(page.current = 1), getList()"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="开始日期">
+              </el-date-picker>
+              <el-date-picker
+                v-model="searchObj.createTimeEnd"
+                type="date"
+                size="small"
+                @change="(page.current = 1), getList()"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="结束日期">
+              </el-date-picker>
+            </div>
+          </template>
+
+          <template slot="right">
+            <el-input
+              v-model="searchObj.name"
+              size="small"
+              placeholder="订单号/商品名/兑换家庭"
+              @keyup.enter.native="page.current = 1, getList()"
+              @clear="page.current = 1, searchObj.name = '', getList()"
+              clearable
+              suffix-icon="iconfont iconSearch"
+            />
+          </template>
+        </ai-search-bar>
+        <ai-search-bar>
+          <template slot="left">
+            <!-- <el-button type="primary" icon="iconfont iconAdd" @click="add()">添加</el-button> -->
+            <ai-download
+              :instance="instance"
+              url="/app/appvillagerintegralshoporder/listExport"
+              :params="{ ...searchObj, areaId: areaId, ids: ids.join(',') }"
+              fileName="订单管理"
+              v-if="$permissions('app_appvillagerintegralshoporder_export')">
+            </ai-download>
+            <el-dropdown @command="handleCommand">
+              <el-button type="primary">
+                变更状态<i class="el-icon-arrow-down el-icon--right"></i>
+              </el-button>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item command="1">批量完成</el-dropdown-item>
+                <el-dropdown-item command="2">批量取消</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </template>
+          <template slot="right"></template>
+        </ai-search-bar>
+        <ai-table
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="page.total"
+          ref="aitableex"
+          :current.sync="page.current"
+          @select="onRowClick"
+          @select-all="onRowClick"
+          row-key="id"
+          :default-expand-all="false"
+          :tree-props="{ children: 'merchandiseList' }"
+          :size.sync="page.size"
+          @getList="getList">
+          <el-table-column
+            align="center"
+            type="selection"
+            :selectable="row=>row.orderStatus==0"
+            width="55"
+            slot="selection">
+          </el-table-column>
+          <el-table-column
+            label="订单号/创建时间"
+            slot="orderCode"
+            align="center"
+            width="150">
+            <template v-slot="{ row }">
+              <el-row>
+                <el-col>{{ row.orderCode }}</el-col>
+                <el-col style="color: #999999">{{ row.createTime }}</el-col>
+              </el-row>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="商品图"
+            slot="merchandisePhoto"
+            align="center"
+            width="130">
+            <template v-slot="{ row }">
+              <ai-uploader
+                :disabled="true"
+                :instance="instance"
+                v-model="row.merchandisePhoto"
+                :limit="9">
+              </ai-uploader>
+            </template>
+          </el-table-column>
+          <el-table-column label="兑换家庭" slot="familyName" align="left">
+            <template v-slot="{ row }">
+              <el-row>
+                <el-col style="width: 100%">{{ row.familyName }}</el-col>
+                <el-col style="color: #999999">{{ row.familyPhone }}</el-col>
+              </el-row>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作人" slot="createUserName" align="left">
+            <template v-slot="{ row }">
+              <el-row>
+                <el-col style="width: 100%">{{ row.createUserName }}</el-col>
+                <el-col style="color: #999999">{{
+                  row.createUserPhone
+                  }}
+                </el-col>
+              </el-row>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="订单状态"
+            slot="orderStatus"
+            align="center"
+            width="130"
+            fixed="right">
+            <template v-slot="{ row }">
+              <el-row v-if="row.isParent">
+                <el-col
+                  style="width: 100%"
+                  :style="{
+                    color: dict.getColor(
+                      'integralOrderStatus',
+                      row.orderStatus
+                    ),
+                  }"
+                >{{
+                  dict.getLabel("integralOrderStatus", row.orderStatus)
+                  }}
+                </el-col
+                >
+                <el-col style="width: 100%" v-if="row.orderStatus == 0"
+                >{{ row.reserveDate }} {{ row.reserveTime }}
+                </el-col
+                >
+                <el-col style="color: #2266ff; width: 100%" v-if="row.remark">
+                  <el-tooltip
+                    :disabled="!row.remark"
+                    class="item"
+                    effect="light"
+                    :content="row.remark"
+                    placement="left-end"
+                  >
+                    <el-link type="primary">备注</el-link>
+                  </el-tooltip>
+                </el-col>
+              </el-row>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            slot="options"
+            align="center"
+            width="120"
+            fixed="right">
+            <template v-slot="{ row }">
+              <div class="table-options">
+                <el-button
+                  v-if="row.orderCode"
+                  type="text"
+                  @click="goDetail(row)"
+                  title="详情"
+                  :disabled="!$permissions('app_appvillagerintegralshoporder_detail')">
+                  详情
+                </el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+  export default {
+    name: "orderManagement",
+    props: {
+      instance: Function,
+      dict: Object,
+      permissions: Function,
+      areaId: String,
+    },
+    data() {
+      return {
+        searchObj: {
+          name: "",
+          orderStatus: "",
+          createTimeStart: null,
+          createTimeEnd: null,
+          shopId: "",
+        },
+        page: {
+          size: 10,
+          current: 1,
+          total: 0,
+        },
+        tableData: [],
+        shopList: [],
+        ids: [],
+      };
+    },
+    computed: {
+      colConfigs() {
+        return [
+          {slot: "selection"},
+          {
+            prop: "orderCode",
+            align: "center",
+            slot: "orderCode",
+            label: "订单号/创建时间",
+          },
+          {
+            prop: "merchandisePhoto",
+            slot: "merchandisePhoto",
+            align: "center",
+            label: "商品图",
+          },
+          {
+            prop: "merchandiseName",
+            align: "left",
+            label: "商品名",
+            width: 180,
+            "show-overflow-tooltip": false,
+          },
+          {
+            prop: "costIntegral",
+            align: "center",
+            label: "单价",
+            width: 100,
+          },
+          {
+            prop: "merchandiseNumber",
+            align: "center",
+            label: "数量",
+          },
+          {
+            prop: "allCostIntegral",
+            align: "center",
+            label: "消耗积分",
+          },
+          {
+            prop: "familyName",
+            align: "center",
+            label: "兑换家庭",
+            slot: "familyName",
+          },
+          {
+            prop: "createUserName",
+            align: "center",
+            label: "操作人",
+            slot: "createUserName",
+          },
+          {
+            prop: "orderStatus",
+            align: "center",
+            label: "订单状态",
+            fixed: "right",
+            slot: "orderStatus",
+            // render(h, {row}) {
+            //     return h('span', {style: {color: _.dict.getColor('integralOrderStatus', row.orderStatus)}}, _.dict.getLabel('integralOrderStatus', row.orderStatus))
+            // }
+          },
+        ];
+      },
+    },
+    created() {
+      this.getList();
+      this.dict.load("integralOrderStatus");
+      this.getShopList();
+    },
+    methods: {
+      onRowClick(row) {
+        this.ids = row.map(e => e.id)
+      },
+      handleCommand(val) {
+        if (this.ids.length == 0) {
+          return this.$message.error("请选择商品")
+        }
+        this.instance.post(`/app/appvillagerintegralshoporder/changeOrderStatus`, null, {
+          params: {
+            ids: this.ids.join(","),
+            status: val
+          }
+        }).then(res => {
+          if (res.code == 0) {
+            this.$message.success(`批量${val == 1 ? '完成' : '取消'}成功`)
+            this.getList()
+          }
+        })
+      },
+      getList() {
+        this.instance
+          .post(`/app/appvillagerintegralshoporder/list`, null, {
+            params: {
+              ...this.searchObj,
+              ...this.page,
+              areaId: this.areaId,
+            },
+          })
+          .then((res) => {
+            if (res.code == 0) {
+              this.tableData = res.data.records;
+              this.tableData.map((e) => {
+                e.merchandiseName = e.merchandiseList[0].merchandiseName;
+                e.merchandiseNumber = e.merchandiseList[0].merchandiseNumber;
+                e.merchandisePhoto = [
+                  {...JSON.parse(e.merchandiseList[0].merchandisePhoto)[0]},
+                ];
+                e.idForWeb = e.merchandiseList[0].idForWeb;
+                e.costIntegral = e.merchandiseList[0].costIntegral;
+                e.allCostIntegral =
+                  Number(e.merchandiseList[0].costIntegral) *
+                  Number(e.merchandiseNumber);
+                e.merchandiseList.splice(0, 1);
+                e.isParent = true;
+                if (e.merchandiseList.length > 0) {
+                  e.merchandiseList.map((e2) => {
+                    e2.createTime = "";
+                    let arr = JSON.parse(e2.merchandisePhoto);
+                    e2.merchandisePhoto = [{...arr[0]}];
+                    e2.allCostIntegral =
+                      Number(e2.costIntegral) * Number(e2.merchandiseNumber);
+                    e2.isParent = false;
+                    // e2.id = e2.orderId
+                  });
+                }
+              });
+              this.page.total = res.data.total;
+            }
+          });
+      },
+      getShopList() {
+        return new Promise((reslove) => {
+          this.instance
+            .post(`/app/appvillagerintegralshop/list`, null, {
+              params: {
+                size: 100000,
+                areaId: this.areaId,
+              },
+            })
+            .then((res) => {
+              if (res.code == 0) {
+                this.shopList = res.data.records;
+                reslove();
+              }
+            });
+        });
+      },
+      reset() {
+        Object.keys(this.searchObj).forEach((e) => {
+          this.searchObj[e] = "";
+        });
+        this.searchObj.createTimeStart = null;
+        this.searchObj.createTimeEnd = null;
+        this.getList();
+      },
+      add() {
+        this.$emit("showDetail", {isAdd: true});
+      },
+      goDetail(row) {
+        console.log(row);
+        this.$emit("showDetail", {isAdd: false, ...row});
+      },
+      finishOrder(row) {
+        this.$confirm(`是否完成此订单？`, {
+          type: "error",
+        })
+          .then(() => {
+            this.instance
+              .post(`/app/appvillagerintegralshoporder/FinishOrder`, null, {
+                params: {
+                  orderId: row.id,
+                },
+              })
+              .then((res) => {
+                if (res.code == 0) {
+                  this.$message.success("已完成！");
+                  this.getList();
+                }
+              });
+          })
+          .catch(() => {
+          });
+      },
+      overOrder(row) {
+        this.$confirm(`是否结束此订单？`, {
+          type: "error",
+        })
+          .then(() => {
+            this.instance
+              .post(`/app/appvillagerintegralshoporder/overOrder`, null, {
+                params: {
+                  orderId: row.id,
+                },
+              })
+              .then((res) => {
+                if (res.code == 0) {
+                  this.$message.success("已结束！");
+                  this.getList();
+                }
+              });
+          })
+          .catch(() => {
+          });
+      },
+    },
+  };
+</script>
+
+<style lang="scss" scoped>
+  .order_management {
+    height: 100%;
+    overflow: auto;
+    background: #f3f6f9;
+
+    .times_div {
+      display: flex;
+      align-items: center;
+
+      .times {
+        display: block;
+        width: 72px;
+        height: 30px;
+        line-height: 30px;
+        margin: 0;
+        text-align: center;
+        background: #f5f5f5;
+        border-radius: 2px 0px 0px 2px;
+        border: 1px solid #d0d4dc;
+        font-size: 14px;
+        color: #666666;
+      }
+    }
+
+    .iconfont {
+      cursor: pointer;
+    }
+
+    .iconCorrect {
+      color: #53b43b;
+    }
+
+    .iconReject {
+      color: #e75555;
+      padding: 0 8px;
+    }
+  }
+</style>
diff --git a/project/xiushan/apps/creditScore/scoreSupermarket/storeManagement.vue b/project/xiushan/apps/creditScore/scoreSupermarket/storeManagement.vue
new file mode 100644
index 00000000..a974b42a
--- /dev/null
+++ b/project/xiushan/apps/creditScore/scoreSupermarket/storeManagement.vue
@@ -0,0 +1,474 @@
+<template>
+  <section class="storeManagement">
+    <ai-list isTabs>
+      <template slot="content">
+        <ai-search-bar bottomBorder>
+          <template slot="left">
+            <el-button
+              :disabled="!isLevel5"
+              type="primary"
+              icon="iconfont iconAdd"
+              @click="onAdd">
+              添加
+            </el-button>
+          </template>
+        </ai-search-bar>
+        <ai-table
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="total"
+          ref="aitableex"
+          :current.sync="search.current"
+          :size.sync="search.size"
+          @getList="getList">
+          <el-table-column
+            slot="changeIntegral"
+            label="积分"
+            align="center">
+            <template slot-scope="{ row }">
+              <span>{{ row.doType > 0 ? "+" : ""}}{{ row.changeIntegral }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column slot="options" label="操作" align="center" width="120" fixed="right">
+            <template slot-scope="{ row }">
+              <div class="table-options">
+                <el-button
+                  type="text"
+                  title="编辑"
+                  style="margin-right: 8px;"
+                  :disabled="!$permissions('app_appvillagerintegralshop_edit')"
+                  @click="editItem(row)">
+                  编辑
+                </el-button>
+                <ai-wechat-selecter :instance="instance" v-model="dialogInfo.operators" @change="getSelect">
+                  <el-button
+                    type="text"
+                    @click="statusChage(row)"
+                    title="授权"
+                    v-if="$permissions('app_appvillagerintegralshop_edit')">
+                    授权
+                  </el-button>
+                </ai-wechat-selecter>
+              </div>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <ai-dialog
+      :title="dialog.title"
+      :visible.sync="dialog.visible"
+      :customFooter="true"
+      :destroyOnClose="true"
+      @close="init('ruleForm')"
+      width="520px"
+    >
+      <div class="form_div">
+        <el-form
+          ref="ruleForm"
+          :model="dialogInfo"
+          :rules="formRules"
+          size="small"
+          label-suffix="："
+          label-width="100px"
+        >
+          <el-form-item label="店铺名称" prop="shopName">
+            <el-input
+              placeholder="请输入…"
+              v-model="dialogInfo.shopName"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="店主" prop="shopkeeper">
+            <el-input
+              placeholder="请输入…"
+              v-model="dialogInfo.shopkeeper"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="联系电话" prop="phone">
+            <el-input
+              placeholder="请输入…"
+              v-model="dialogInfo.phone"
+              maxlength="11"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="店铺地址" prop="shopAddress">
+            <el-input
+              placeholder="请输入…"
+              v-model="dialogInfo.shopAddress"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="状态" prop="status">
+            <el-radio-group v-model="dialogInfo.status">
+              <el-radio label="1">启用</el-radio>
+              <el-radio label="0">停用</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="dialog.visible = false" size="medium"
+          >取消</el-button
+        >
+        <el-button @click="onConfirm('ruleForm')" type="primary" size="medium"
+          >确认</el-button
+        >
+      </div>
+    </ai-dialog>
+
+    <ai-dialog
+      title="操作人授权"
+      :visible.sync="dialog.visibleStatus"
+      :customFooter="true"
+      :destroyOnClose="true"
+      @close="init('ruleStatus')"
+      width="720px"
+    >
+      <div class="form_div">
+        <el-form
+          ref="ruleStatus"
+          :model="dialogInfo"
+          :rules="formRules"
+          size="small"
+          label-suffix="："
+          label-width="100px"
+        >
+          <el-form-item label="事件区域" prop="areaId">
+            <ai-area-select
+              clearable
+              always-show
+              :instance="instance"
+              v-model="dialogInfo.areaId"
+              :hide-level="2"
+              :disabled-level="user.info.areaList.length"
+            />
+          </el-form-item>
+          <el-form-item label="操作员" required>
+            <el-col :span="14" style="width: 60%; margin-right: 8px">
+              <el-form-item prop="operators">
+                <div class="organ">
+                  <span v-if="dialogInfo.operators.length">
+                    <span
+                      v-for="(item, i) in dialogInfo.operators"
+                      :key="i"
+                      class="organzation"
+                      >{{ item.userName }}
+                      <span
+                        class="iconfont iconOverrule"
+                        @click.stop="delate(i)"
+                      ></span>
+                    </span>
+                  </span>
+                  <span v-else style="color: #999">请选择</span>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7" style="width: 30%">
+              <ai-person-select
+                :instance="instance"
+                :url="peopleAjaxUrl"
+                :isMultiple="true"
+                v-if="$permissions('app_appvillagerintegralshopoperator_edit')"
+                @selectPerson="getSelect"
+                :chooseUserList="dialogInfo.operators"
+              >
+                <template name="option" v-slot:option="{ item }">
+                  <span class="iconfont iconProlife">{{ item.userName }}</span>
+                </template>
+              </ai-person-select>
+            </el-col>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="dialog.visibleStatus = false" size="medium"
+          >取消</el-button
+        >
+        <el-button @click="onConfirm('ruleStatus')" type="primary" size="medium"
+          >确认</el-button
+        >
+      </div>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+import { mapState } from "vuex";
+export default {
+  name: "storeManagement",
+
+  props: {
+    instance: Function,
+    dict: Object,
+    areaId: String,
+  },
+
+  data() {
+    return {
+      searchDotime: [],
+      search: {
+        current: 1,
+        size: 10,
+      },
+      unitId: "",
+      total: 10,
+      colConfigs: [
+        { prop: "shopName", label: "店铺名称", align: "left" },
+        {
+          prop: "shopkeeper",
+          label: "店主",
+          align: "center",
+        },
+        {
+          prop: "phone",
+          label: "联系电话",
+          align: "center",
+        },
+        {
+          prop: "shopAddress",
+          label: "店铺地址",
+          align: "left",
+          width: 280,
+        },
+        {
+          prop: "names",
+          label: "店铺操作员",
+          align: "left",
+        },
+        {
+          prop: "status",
+          label: "状态",
+          align: "center",
+          render: (h, params) => {
+            return h(
+              "span",
+              {
+                class: "status-" + params.row.status,
+              },
+              this.$dict.getLabel("assessmentStartStatus", params.row.status)
+            );
+          },
+        },
+        { slot: "options", label: "操作", align: "center" },
+      ],
+      tableData: [],
+      dialog: {
+        title: "",
+        visible: false,
+        visibleStatus: false,
+      },
+      dialogInfo: {
+        shopName: "",
+        shopkeeper: "",
+        phone: "",
+        shopAddress: "",
+        status: "1",
+        areaId: "",
+        operators: [],
+      },
+      formRules: {
+        shopName: [
+          { required: true, message: "请输入店铺名称", trigger: "change" },
+        ],
+        shopkeeper: [
+          { required: true, message: "请输入店主", trigger: "blur" },
+        ],
+        phone: [{ required: true, message: "请输入联系电话", trigger: "blur" }],
+        shopAddress: [
+          { required: true, message: "请输入店铺地址", trigger: "blur" },
+        ],
+        status: [{ required: true, message: "请选择状态", trigger: "blur" }],
+        areaId: [
+          { required: true, message: "请选择事件区域", trigger: "blur" },
+        ],
+        operators: [
+          { required: true, message: "请选择操作员", trigger: "blur" },
+        ],
+      },
+      peopleAjaxUrl: "/admin/user/page",
+      isLevel5: false,
+    };
+  },
+
+  computed: {
+    ...mapState(["user"]),
+  },
+
+  mounted() {
+    this.unitId = this.user.info.unitId;
+
+    this.$dict.load(["assessmentStartStatus"]).then(() => {
+      this.getList();
+    });
+  },
+
+  methods: {
+    getList() {
+      this.isLevel5 = this.areaId.substring(this.areaId.length - 3) != "000";
+      this.instance
+        .post(`/app/appvillagerintegralshop/list`, null, {
+          params: {
+            ...this.search,
+            areaId: this.areaId,
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.tableData = res.data.records;
+            this.total = res.data.total;
+          }
+        });
+    },
+
+    timeChange() {
+      if (this.searchDotime) {
+        this.search.doTimeStart = this.searchDotime[0];
+        this.search.doTimeEnd = this.searchDotime[1];
+      } else {
+        this.search.doTimeStart = null;
+        this.search.doTimeEnd = null;
+      }
+      this.search.current = 1;
+      this.getList();
+    },
+
+    editItem(row) {
+      this.dialogInfo = { ...row };
+      this.dialog.visible = true;
+    },
+
+    statusChage(row) {
+      this.dialogInfo = { ...row };
+      if (this.dialogInfo.operators.length) {
+        this.dialogInfo.operators.map((item) => {
+          item.userName = item.name;
+        });
+      } else {
+        this.dialogInfo.operators = [];
+      }
+    },
+
+    onReset() {
+      this.search.current = 1;
+      this.getList();
+    },
+
+    onConfirm(formName) {
+      if (this.dialogInfo.operators.length) {
+        this.dialogInfo.operators.map((item) => {
+          if (!item.name) {
+            item.name = item.userName;
+          }
+        });
+      }
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.instance
+            .post(`/app/appvillagerintegralshop/addOrUpdate`, this.dialogInfo)
+            .then((res) => {
+              if (res.code == 0) {
+                this.onReset();
+                this.onCancel();
+              }
+            });
+        } else {
+          return false;
+        }
+      });
+    },
+
+    onCancel() {
+      this.dialog.visible = false;
+      this.dialog.visibleStatus = false;
+    },
+
+    init(formName) {
+      this.$refs[formName].clearValidate();
+      Object.keys(this.dialogInfo).forEach((e) => {
+        this.dialogInfo[e] = "";
+      });
+      this.dialogInfo.status = "1";
+      this.dialogInfo.operators = [];
+    },
+
+    getSelect(e) {
+      this.dialogInfo.operators = e;
+      this.dialogInfo.operators.map((item) => {
+        if (!item.name) {
+          item.name = item.userName;
+        }
+      });
+      this.instance
+        .post(`/app/appvillagerintegralshop/addOrUpdate`, this.dialogInfo)
+        .then((res) => {
+          this.dialogInfo.operators = []
+          if (res.code == 0) {
+            this.onReset();
+          }
+        }).catch(() => {
+          this.dialogInfo.operators = []
+        })
+    },
+
+    delate(index) {
+      this.dialogInfo.operators.splice(index, 1);
+    },
+
+    onAdd() {
+      Object.keys(this.dialogInfo).forEach((e) => {
+        this.dialogInfo[e] = "";
+      });
+      this.dialogInfo.status = "1";
+      this.dialogInfo.operators = [];
+      this.dialog.visible = true;
+      this.dialogInfo.areaId = this.areaId;
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.storeManagement {
+  height: 100%;
+  overflow: auto;
+  background: #f3f6f9;
+  .status-0 {
+    color: #ff4466;
+  }
+
+  .table-options {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .status-1 {
+    color: #2ea222;
+  }
+
+  .status-2 {
+    color: #999999;
+  }
+
+  .ai-dialog__content--wrapper {
+    overflow-x: hidden;
+  }
+
+  .organ {
+    width: auto;
+    height: auto;
+    padding: 0px 10px;
+    line-height: 32px;
+    border: 1px solid #d0d4dc;
+    border-radius: 5px;
+    cursor: pointer;
+    box-sizing: border-box;
+    color: #666;
+
+    .organzation {
+      background-color: #eee;
+      margin-right: 4px;
+      padding: 4px;
+    }
+  }
+}
+</style>