no message

package-lock.json

@@ -5948,6 +5948,15 @@
         "babel-types": "^6.24.1"
       }
     },
+    "babel-plugin-transform-vue-jsx": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmmirror.com/babel-plugin-transform-vue-jsx/-/babel-plugin-transform-vue-jsx-3.7.0.tgz",
+      "integrity": "sha512-W39X07/n3oJMQd8tALBO+440NraGSF//Lo1ydd/9Nme3+QiRGFBb1Q39T9iixh0jZPPbfv3so18tNoIgLatymw==",
+      "dev": true,
+      "requires": {
+        "esutils": "^2.0.2"
+      }
+    },
     "babel-preset-jest": {
       "version": "24.9.0",
       "resolved": "https://registry.npmmirror.com/babel-preset-jest/-/babel-preset-jest-24.9.0.tgz",

package.json

@@ -70,6 +70,7 @@
     "babel-eslint": "10.1.0",
     "babel-jest": "23.6.0",
     "babel-plugin-dynamic-import-node": "2.3.3",
+    "babel-plugin-transform-vue-jsx": "^3.7.0",
     "chalk": "2.4.2",
     "compression-webpack-plugin": "4.0",
     "connect": "3.6.6",

src/api/customerManagement.js

@@ -33,4 +33,4 @@ export function getWebsit(params) {
     method: 'get',
     params
   })
-}
+}

src/api/settlementRelationshipAllocation.js

@@ -0,0 +1,53 @@
+import request, { postBlob, getBlob, handleImport } from '@/utils/request'
+
+export function settleRelaConfigList(data) {
+  return request({
+    url: `/settle/rela/config/list?moduleId=${data.moduleId}`,
+    method: 'post',
+    data
+  })
+}
+
+export function settleRelaConfigListExport(data, name) {
+  return postBlob({
+    url: '/settle/rela/config/list/export',
+    data,
+    name
+  })
+}
+
+export function settleRelaConfigImport(data) {
+  return handleImport('/settle/rela/config/import', data.formdata, data.id || '')
+}
+
+export function settleRelaConfigAdd(data) {
+  return request({
+    url: '/settle/rela/config/add',
+    method: 'post',
+    data: data
+  })
+}
+
+export function settleRelaConfigEdit(data) {
+  return request({
+    url: '/settle/rela/config/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+export function settleRelaConfigDetail(params) {
+  return request({
+    url: '/settle/rela/config/detail',
+    method: 'post',
+    params: params
+  })
+}
+
+export function settleRelaConfigQuerySubWebsit(params) {
+  return request({
+    url: '/settle/rela/config/query/sub/websit',
+    method: 'post',
+    params: params
+  })
+}

src/components/paging-transfer.vue

@@ -0,0 +1,454 @@
+<template>
+  <div class="transfer">
+    <div class="transfer-panel">
+      <p class="transfer-panel-header">
+        <span>{{ titleTexts && titleTexts[0] }}</span>
+        <span>{{ leftSelection.length }}/{{ leftTableData.length }}</span>
+      </p>
+      <div v-if="showQuery">
+        <el-form :inline="true" :model="leftQueryCondition" class="query-form">
+          <slot name="leftCondition" v-bind:scope="leftQueryCondition"></slot>
+          <el-form-item>
+            <el-button type="primary" @click="onLeftQuerySubmit()">{{ queryTexts[0] }}</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <el-table
+        ref="leftTable"
+        size="small"
+        :max-height="maxHeight"
+        :height="minHeight"
+        :data="leftTableData"
+        :row-key="tableRowKey"
+        :row-style="handleRowStyle"
+        @row-click="handleLeftRowClick"
+        @selection-change="handleLeftSelectionChange"
+        border
+        stripe
+      >
+        <el-table-column width="40px" type="selection" :selectable="handleSelectable"></el-table-column>
+        <el-table-column v-for="col in leftColumns" :prop="col.id" :key="col.id" :label="col.label" :width="col.width">
+          <template slot-scope="scope">
+            <slot v-bind:scope="{ row: scope.row, col: col }">
+              <span>{{ scope.row[col.id] }}</span>
+            </slot>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        v-if="showPagination"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="pageIndex"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="pageSize"
+        :pager-count="5"
+        :total="totalSize"
+        layout="total, sizes, prev, pager, next"
+      >
+      </el-pagination>
+    </div>
+    <div class="transfer-buttons">
+      <el-button type="primary" :class="buttonClasses" :disabled="disabledLeftButton" @click.native="addToRight">
+        <span v-if="buttonTexts[0] !== undefined" class="button-text">{{ buttonTexts[0] }}</span>
+        <i class="el-icon-arrow-right"></i>
+      </el-button>
+      <el-button
+        type="primary"
+        :class="buttonClasses"
+        :disabled="rightSelection.length === 0"
+        @click.native="addToLeft"
+      >
+        <i class="el-icon-arrow-left"></i>
+        <span v-if="buttonTexts[1] !== undefined" class="button-text">{{ buttonTexts[1] }}</span>
+      </el-button>
+    </div>
+    <div class="transfer-panel">
+      <p class="transfer-panel-header">
+        <span>{{ titleTexts && titleTexts[1] }}</span>
+        <span>{{ rightSelection.length }}/{{ rightTableData.length }}</span>
+      </p>
+      <div v-if="showQuery">
+        <el-form :inline="true" :model="rightQueryCondition" class="query-form">
+          <slot name="rightCondition" v-bind:scope="rightQueryCondition"></slot>
+          <el-form-item>
+            <el-button type="primary" @click="onRightQuerySubmit()">{{ queryTexts[1] }}</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <el-table
+        ref="rightTable"
+        size="small"
+        :max-height="maxHeight"
+        :height="minHeight"
+        :data="calcRightTableData"
+        :row-key="tableRowKey"
+        @row-click="handleRightRowClick"
+        @selection-change="handleRightSelectionChange"
+        border
+        stripe
+      >
+        <el-table-column width="40px" type="selection"></el-table-column>
+        <el-table-column
+          v-for="col in rightColumns || leftColumns"
+          :prop="col.id"
+          :key="col.id"
+          :label="col.label"
+          :width="col.width"
+        >
+          <template slot-scope="scope">
+            <slot v-bind:scope="{ row: scope.row, col: col }">
+              <span>{{ scope.row[col.id] }}</span>
+            </slot>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination v-if="showPagination" :total="rightTableData.length" layout="total"> </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import { EventBus } from '@/utils/eventBus'
+export default {
+  name: 'pagingTransfer',
+  props: {
+    value: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    // 显示条件查询
+    showQuery: {
+      type: Boolean,
+      default: false
+    },
+    // 显示分页
+    showPagination: {
+      type: Boolean,
+      default: false
+    },
+    // 左侧分页回调
+    paginationCallBack: {
+      type: Function,
+      default: function () {
+        return new Promise((resolve, reject) => {
+          try {
+            resolve({ total: 0, data: null })
+          } catch {
+            reject()
+          }
+        })
+      }
+    },
+    // 标题文本
+    titleTexts: {
+      type: Array,
+      default() {
+        return ['待选项', '已选项']
+      }
+    },
+    // 按钮文本
+    buttonTexts: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    // 查询按钮文本
+    queryTexts: {
+      type: Array,
+      default() {
+        return ['查询', '筛选']
+      }
+    },
+    // 左侧参数
+    leftColumns: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    // 右侧参数
+    rightColumns: {
+      type: Array,
+      default() {
+        return undefined
+      }
+    },
+    // 表格最小高度
+    minHeight: {
+      type: String,
+      default: '300px'
+    },
+    // 表格最大高度
+    maxHeight: {
+      type: String,
+      default: '500px'
+    },
+    // 表格行数据的Key
+    tableRowKey: {
+      type: Function,
+      default(row) {
+        return row && row && row.id
+      }
+    },
+    handlePaginationCallBackKey: {
+      type: String,
+      default: 'handlePaginationCallBack'
+    }
+  },
+  data() {
+    return {
+      leftTableData: [],
+      rightTableData: this.value || [],
+      pageIndex: 1,
+      pageSize: 20,
+      totalSize: 0,
+      leftSelection: [],
+      rightSelection: [],
+      leftQueryCondition: {},
+      rightQueryCondition: {},
+      rightConditionTemp: undefined
+    }
+  },
+  created() {
+    this.handlePaginationCallBack()
+    EventBus.$on(this.handlePaginationCallBackKey, this.handlePaginationCallBack)
+  },
+  beforeDestroy() {
+    EventBus.$off(this.handlePaginationCallBackKey, this.handlePaginationCallBack)
+  },
+  computed: {
+    hasButtonTexts() {
+      return this.buttonTexts.length === 2
+    },
+    buttonClasses() {
+      return ['transfer-button', { 'is-with-texts': this.hasButtonTexts }]
+    },
+    disabledLeftButton() {
+      return !this.leftSelection.some(
+        leftRow => !this.rightTableData.some(rightRow => this.checkObjectIsEqual(leftRow, rightRow))
+      )
+    },
+    calcRightTableData() {
+      if (this.showQuery && this.rightConditionTemp) {
+        const conditionKeys = Object.keys(this.rightConditionTemp)
+        return this.rightTableData.filter(data => {
+          return conditionKeys.some(key => {
+            const rowCellData = data[key]
+            const condVal = this.rightConditionTemp[key].trim()
+            if (rowCellData) {
+              return String(rowCellData).indexOf(condVal) > -1
+            }
+            return true
+          })
+        })
+      }
+      return this.rightTableData
+    }
+  },
+  methods: {
+    handleLeftSelectionChange(selection) {
+      this.leftSelection = selection
+    },
+    handleRightSelectionChange(selection) {
+      this.rightSelection = selection
+    },
+    handleLeftRowClick(row) {
+      if (!this.rightTableData.some(rightRow => this.checkObjectIsEqual(rightRow, row))) {
+        this.$refs.leftTable.toggleRowSelection(row)
+      }
+    },
+    handleRightRowClick(row) {
+      this.$refs.rightTable.toggleRowSelection(row)
+    },
+    handleSizeChange(val) {
+      this.pageSize = val
+      this.handlePaginationCallBack()
+    },
+    handleCurrentChange(val) {
+      this.pageIndex = val
+      this.handlePaginationCallBack()
+    },
+    handlePaginationCallBack() {
+      if (this.showPagination && this.paginationCallBack) {
+        const condition = {
+          pageIndex: this.pageIndex,
+          pageSize: this.pageSize,
+          ...this.leftQueryCondition
+        }
+        this.paginationCallBack.call(null, condition).then(result => {
+          console.log(result)
+          if (result && Array.isArray(result.data)) {
+            this.leftTableData = result.data
+            this.totalSize = result.total
+          }
+
+          this.$nextTick(() => {
+            this.leftTableData.forEach(leftRow => {
+              const isHave = this.rightTableData.some(rightRow => this.checkObjectIsEqual(rightRow, leftRow))
+              this.$refs.leftTable.toggleRowSelection(leftRow, isHave)
+            })
+          })
+        })
+      }
+    },
+    handleRowStyle({ row }) {
+      if (this.rightTableData.some(rightRow => this.checkObjectIsEqual(rightRow, row))) {
+        return {
+          color: 'blue'
+        }
+      }
+      return {}
+    },
+    handleSelectable(row) {
+      return !this.rightTableData.some(rightRow => this.checkObjectIsEqual(rightRow, row))
+    },
+    addToRight() {
+      for (const item of this.leftSelection) {
+        const isHave = this.rightTableData.some(rightRow => this.checkObjectIsEqual(rightRow, item))
+        if (!isHave) {
+          this.rightTableData.push(item)
+        }
+      }
+      this.$emit('input', this.rightTableData)
+    },
+    addToLeft() {
+      this.rightSelection.forEach(item => {
+        const index = this.rightTableData.findIndex(rightRow => this.checkObjectIsEqual(rightRow, item))
+        if (index !== -1) {
+          this.rightTableData.splice(index, 1)
+
+          const leftRow = this.leftTableData.find(leftRow => this.checkObjectIsEqual(leftRow, item))
+          if (leftRow) {
+            this.$refs.leftTable.toggleRowSelection(leftRow, false)
+          }
+        }
+      })
+      this.$emit('input', this.rightTableData)
+    },
+    onLeftQuerySubmit() {
+      this.handlePaginationCallBack()
+    },
+    onRightQuerySubmit() {
+      this.rightConditionTemp = JSON.parse(JSON.stringify(this.rightQueryCondition))
+    },
+    checkObjectIsEqual(rowObj1, rowObj2) {
+      return this.tableRowKey(rowObj1) === this.tableRowKey(rowObj2)
+    },
+    clear() {
+      this.rightTableData = []
+      this.$refs.leftTable.clearSelection()
+      for (const key in this.leftQueryCondition) {
+        this.leftQueryCondition[key] = undefined
+      }
+      for (const key in this.rightQueryCondition) {
+        this.rightQueryCondition[key] = undefined
+      }
+      this.pageIndex = 1
+      this.handlePaginationCallBack()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.transfer {
+  font-size: 14px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.el-icon-arrow-right,
+.el-icon-arrow-left {
+  font-size: 40px;
+  cursor: pointer;
+}
+
+.transfer-panel {
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  overflow: hidden;
+  background: #fff;
+  display: inline-block;
+  width: calc((100% - 100px) / 2);
+  max-height: 100%;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.transfer-panel .transfer-panel-header {
+  height: 40px;
+  line-height: 40px;
+  background: #f5f7fa;
+  margin: 0;
+  padding-left: 15px;
+  border-bottom: 1px solid #ebeef5;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  color: #000;
+}
+
+.transfer-panel-header span:last-child {
+  position: absolute;
+  right: 15px;
+}
+
+.transfer-buttons {
+  display: inline-block;
+  vertical-align: middle;
+  width: 100px;
+}
+
+.transfer-button {
+  display: block;
+  margin: 0 auto;
+  padding: 10px;
+  border-radius: 4px;
+  color: #fff;
+  background-color: #409eff;
+  font-size: 0;
+}
+
+.transfer-button .button-text {
+  margin-left: 2px;
+  margin-right: 5px;
+}
+
+.transfer-button.is-with-texts {
+  border-radius: 4px;
+}
+
+.transfer-button.is-disabled,
+.transfer-button.is-disabled:hover {
+  border: 1px solid #dcdfe6;
+  background-color: #f5f7fa;
+  color: #c0c4cc;
+}
+
+.transfer-button:first-child {
+  margin-bottom: 10px;
+}
+
+.transfer-button:nth-child(2) {
+  margin: 0 auto;
+}
+
+.transfer-button i,
+.transfer-button span {
+  font-size: 14px;
+}
+
+.query-form {
+  margin: 5px;
+}
+</style>
+
+<style>
+.query-form .el-form-item {
+  margin-bottom: 0;
+}
+</style>

src/views/setting/networkSigning/settlementRelationshipAllocation/index.vue

@@ -0,0 +1,402 @@
+<template>
+  <template-page
+    ref="pageRef"
+    :getList="getList"
+    :exportList="exportList"
+    :columnParsing="columnParsing"
+    :optionsEvensGroup="optionsEvensGroup"
+    :tableAttributes="tableAttributes"
+    :tableEvents="tableEvents"
+    :operation="operation()"
+  >
+    <div class="cartographer_big">
+      <el-dialog title="配置" width="100%" :modal="false" :visible.sync="formBool" :before-close="handleClose">
+        <zj-page-container v-if="formBool">
+          <zj-page-fill class="neibuview">
+            <zj-form-container
+              ref="formRef"
+              :form-data="formData"
+              :form-rules="formRules"
+              :form-attributes="{ size: 'mini' }"
+            >
+              <zj-form-module title="上级网点信息" :form-data="formData" :form-items="items" />
+              <zj-form-module title="下级网点信息" :form-data="formData" :form-items="items2" />
+            </zj-form-container>
+          </zj-page-fill>
+          <!-- 操作按钮 -->
+          <div style="box-sizing: border-box; padding: 10px; text-align: right">
+            <el-button size="mini" @click="handleClose">取 消</el-button>
+            <el-button v-if="~[0, 1].indexOf(formType)" size="mini" @click="formConfirm" type="primary"
+              >确 定</el-button
+            >
+          </div>
+        </zj-page-container>
+      </el-dialog>
+    </div>
+  </template-page>
+</template>
+
+<script>
+import TemplatePage from '@/components/template/template-page-1.vue'
+import import_mixin from '@/components/template/import_mixin.js'
+import pagingTransfer from '@/components/paging-transfer.vue'
+import {
+  settleRelaConfigList,
+  settleRelaConfigListExport,
+  settleRelaConfigAdd,
+  settleRelaConfigEdit,
+  settleRelaConfigDetail,
+  settleRelaConfigQuerySubWebsit,
+  settleRelaConfigImport
+} from '@/api/settlementRelationshipAllocation'
+import { commonTemplateDownload } from '@/api/common.js'
+import operation_mixin from '@/components/template/operation_mixin.js'
+import { required, requiredValueMin } from '@/components/template/rules_verify.js'
+import { getWebsit } from '@/api/customerManagement.js'
+import { EventBus } from '@/utils/eventBus'
+export default {
+  components: { TemplatePage },
+  mixins: [import_mixin, operation_mixin],
+  data() {
+    return {
+      // 表格属性
+      tableAttributes: {
+        selectColumn: false
+      },
+      // 表格事件
+      tableEvents: {
+        'selection-change': this.selectionChange
+      },
+      recordSelected: [],
+      formBool: false,
+      formType: 0,
+      formData: {
+        companyWechatId: '',
+        companyWechatName: '',
+        items: [
+          // {
+          //   belongCompany: '',
+          //   belongCompanyCode: '',
+          //   companyWechatId: '',
+          //   companyWechatName: '',
+          //   id: '',
+          //   name: '',
+          //   parentId: '',
+          //   subWebsitId: ''
+          // }
+        ],
+        websitId: ''
+      },
+      formRules: {},
+      websitList: [],
+      formInline: {
+        websitId: '',
+        websitName: ''
+      }
+    }
+  },
+  computed: {
+    optionsEvensGroup() {
+      return [
+        [
+          [
+            this.optionsEvensAuth('add', {
+              click: () => {
+                this.openWindow(() => {
+                  this.formType = 0
+                  this.formBool = true
+                })
+              }
+            })
+          ],
+          [
+            this.optionsEvensAuth('downloadImportTemplate', {
+              click: () => {
+                commonTemplateDownload({ name: '结算上下级关系配置模板.xlsx' }, `${this.$route.meta.title}`)
+                  .then(res => {
+                    this.$message({
+                      message: '下载成功',
+                      type: 'success'
+                    })
+                  })
+                  .catch(err => {
+                    this.$message.error('下载失败')
+                  })
+              }
+            })
+          ],
+          [
+            this.optionsEvensAuth('import', ({ moduleName }) => {
+              return {
+                name: moduleName,
+                render: () => {
+                  return this.importButton(settleRelaConfigImport, moduleName)
+                }
+              }
+            })
+          ]
+        ]
+      ]
+    },
+
+    items() {
+      return [
+        {
+          name: 'el-select',
+          md: 12,
+          options: this.websitList.map(item => ({ label: item.name, value: item.websitId })),
+          attributes: {
+            clearable: true,
+            filterable: true,
+            disabled: false,
+            placeholder: '请输入'
+          },
+          formItemAttributes: {
+            label: '上级网点',
+            prop: 'websitId',
+            rules: [...required]
+          },
+          events: {
+            change: val => {
+              var data = this.websitList.find(item => item.websitId === val)
+              this.formData.websitName = data?.name || ''
+            }
+          }
+        },
+        {
+          name: 'slot-component',
+          md: 12,
+          attributes: {},
+          formItemAttributes: {
+            label: '',
+            prop: '',
+            rules: []
+          },
+          render: (h, { props, onInput }) => {
+            return null
+          }
+        },
+        {
+          name: 'el-input',
+          md: 6,
+          attributes: {
+            disabled: true,
+            placeholder: '请输入'
+          },
+          formItemAttributes: {
+            label: '创建人',
+            prop: 'createBy'
+          }
+        },
+        {
+          name: 'el-input',
+          md: 6,
+          attributes: {
+            disabled: true,
+            placeholder: '请输入'
+          },
+          formItemAttributes: {
+            label: '创建时间',
+            prop: 'createTime'
+          }
+        },
+        {
+          name: 'el-input',
+          md: 6,
+          attributes: {
+            disabled: true,
+            placeholder: '请输入'
+          },
+          formItemAttributes: {
+            label: '修改人',
+            prop: 'updateBy'
+          }
+        },
+        {
+          name: 'el-input',
+          md: 6,
+          attributes: {
+            disabled: true,
+            placeholder: '请输入'
+          },
+          formItemAttributes: {
+            label: '修改时间',
+            prop: 'updateTime'
+          }
+        }
+      ]
+    },
+    items2() {
+      return [
+        {
+          name: 'slot-component',
+          md: 24,
+          attributes: {},
+          formItemAttributes: { label: '', 'label-width': '0px', prop: 'items', rules: [...required] },
+          render: (h, { props, onInput }) => {
+            var { formData } = props
+            return (
+              <div>
+                <div>
+                  <el-form
+                    size="mini"
+                    inline={true}
+                    value={this.formInline}
+                    onInput={v => {
+                      this.formInline = v
+                    }}
+                    label-width="0px"
+                  >
+                    <el-form-item label="">
+                      <el-input
+                        value={this.formInline.websitId}
+                        onInput={v => {
+                          this.formInline.websitId = v
+                        }}
+                        placeholder="网点编号"
+                      ></el-input>
+                    </el-form-item>
+                    <el-form-item label="">
+                      <el-input
+                        value={this.formInline.websitName}
+                        onInput={v => {
+                          this.formInline.websitName = v
+                        }}
+                        placeholder="网点名称"
+                      ></el-input>
+                    </el-form-item>
+                    <el-form-item>
+                      <el-button
+                        type="primary"
+                        onClick={() => {
+                          console.log(this)
+                          EventBus.$emit('handlePaginationCallBack')
+                        }}
+                      >
+                        查询
+                      </el-button>
+                      <el-button
+                        onClick={() => {
+                          this.formInline.websitId = ''
+                          this.formInline.websitName = ''
+                        }}
+                      >
+                        重置
+                      </el-button>
+                    </el-form-item>
+                  </el-form>
+                </div>
+                <pagingTransfer
+                  handlePaginationCallBackKey="handlePaginationCallBack"
+                  value={this.formData.items}
+                  onInput={v => {
+                    this.formData.items = v
+                  }}
+                  left-columns={[
+                    { id: 'companyWechatName', label: '所属公司编号', width: '160' },
+                    { id: 'websitId', label: '网点编号', width: '120' },
+                    { id: 'name', label: '网点名称', width: '' }
+                  ]}
+                  right-columns={[
+                    { id: 'companyWechatName', label: '所属公司编号', width: '160' },
+                    { id: 'websitId', label: '网点编号', width: '120' },
+                    { id: 'name', label: '网点名称', width: '' }
+                  ]}
+                  show-pagination={true}
+                  pagination-call-back={this.paginationCallback}
+                  title-texts={['待选项', '已选项']}
+                  min-height="300px"
+                  table-row-key={row => row.websitId}
+                />
+              </div>
+            )
+          }
+        }
+      ]
+    }
+  },
+  methods: {
+    // 列表请求函数
+    getList: settleRelaConfigList,
+    exportList: settleRelaConfigListExport,
+    // 表格列解析渲染数据更改
+    columnParsing(item, defaultData) {
+      return defaultData
+    },
+    // 获取勾选框数据
+    selectionChange(data) {
+      this.recordSelected = data
+    },
+    handleClose() {
+      this.$refs?.pageRef?.refreshList()
+      this.$data.formData = this.$options.data().formData
+      this.formType = 0
+      this.formBool = false
+    },
+    formConfirm() {
+      this.$refs.formRef.validate((valid, invalidFields, errLabels) => {
+        if (valid) {
+          ;(this.formData.id ? settleRelaConfigEdit : settleRelaConfigAdd)(this.formData).then(res => {
+            this.$message({ type: 'success', message: '配置成功!' })
+            this.$refs.pageRef.refreshList()
+            this.handleClose()
+          })
+        }
+      })
+    },
+    operation() {
+      return this.operationBtn({
+        edit: {
+          click: ({ row, index, column }) => {
+            this.openWindow(() => {
+              settleRelaConfigDetail({
+                id: row.id
+              }).then(res => {
+                this.formData = res.data
+                this.$nextTick(() => {
+                  this.formType = 1
+                  this.formBool = true
+                })
+              })
+            })
+          }
+        }
+      })
+    },
+    openWindow(cb) {
+      Promise.all([getWebsit({ type: 'C', status: true, queryPartsWebsit: true, level: 1 })]).then(([res1]) => {
+        this.websitList = res1.data
+        this.$nextTick(() => {
+          cb?.()
+        })
+      })
+    },
+    paginationCallback({ pageIndex, pageSize }) {
+      return new Promise(resolve => {
+        settleRelaConfigQuerySubWebsit({ pageNum: pageIndex, pageSize: pageSize, ...this.formInline }).then(res => {
+          resolve({
+            total: res.data.total,
+            data: res.data.records
+          })
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.neibuview {
+  box-sizing: border-box;
+  padding-left: 16px;
+
+  ::v-deep & > .zj-page-fill-scroll {
+    box-sizing: border-box;
+    padding-right: 16px;
+
+    & > div:nth-child(1) {
+      margin-top: 20px;
+    }
+  }
+}
+</style>