|
@@ -0,0 +1,462 @@
|
|
|
|
|
+<template>
|
|
|
|
|
+ <div class="main" :inert="isInert">
|
|
|
|
|
+ <div class="hand-btn">
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ v-if="btnShsow"
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ icon="el-icon-plus"
|
|
|
|
|
+ @click="addData"
|
|
|
|
|
+ >添加</el-button
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ v-if="btnShsow"
|
|
|
|
|
+ type="danger"
|
|
|
|
|
+ icon="el-icon-close"
|
|
|
|
|
+ @click="goRemove"
|
|
|
|
|
+ >删除</el-button
|
|
|
|
|
+ >
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <el-table
|
|
|
|
|
+ ref="reviewTable"
|
|
|
|
|
+ :data="currentPageData"
|
|
|
|
|
+ border
|
|
|
|
|
+ stripe
|
|
|
|
|
+ highlight-current-row
|
|
|
|
|
+ style="width: 100%"
|
|
|
|
|
+ class="review-table blue-header"
|
|
|
|
|
+ :max-height="maxHeight"
|
|
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-table-column type="selection" width="55" />
|
|
|
|
|
+ <!-- 修改序号列,显示全局序号 -->
|
|
|
|
|
+ <el-table-column label="序号" width="55">
|
|
|
|
|
+ <template v-slot="{ $index }">
|
|
|
|
|
+ {{ (pagination.currentPage - 1) * pagination.pageSize + $index + 1 }}
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column label="检验方法" width="300">
|
|
|
|
|
+ <template v-slot="{ row }">
|
|
|
|
|
+ <span style="margin-left: 10px">{{
|
|
|
|
|
+ getJianYanFangFaName(row.jianYanFangFa)
|
|
|
|
|
+ }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column prop="xiangMuMingCheng" label="检测项目" width="300" />
|
|
|
|
|
+ <el-table-column label="操作">
|
|
|
|
|
+ <template v-slot="{ row, $index }">
|
|
|
|
|
+ <span v-if="btnShsow" class="spanto" @click="handleEdit(row, $index)"
|
|
|
|
|
+ ><i class="el-icon-edit-outline" />编辑</span
|
|
|
|
|
+ >
|
|
|
|
|
+ <span v-if="btnShsow" class="spant">|</span>
|
|
|
|
|
+ <span class="spanto" @click="handleSelect(row)"
|
|
|
|
|
+ ><i class="el-icon-view" />查阅</span
|
|
|
|
|
+ >
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ </el-table>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 分页控件 -->
|
|
|
|
|
+ <el-pagination
|
|
|
|
|
+ v-if="pagination.total >= 0"
|
|
|
|
|
+ :current-page="pagination.currentPage"
|
|
|
|
|
+ :page-sizes="[5, 10, 20]"
|
|
|
|
|
+ :page-size="pagination.pageSize"
|
|
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
+ :total="pagination.total"
|
|
|
|
|
+ @size-change="handleSizeChange"
|
|
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
|
|
+ style="margin-top: 15px; text-align: left"
|
|
|
|
|
+ />
|
|
|
|
|
+
|
|
|
|
|
+ <reviewDialog
|
|
|
|
|
+ v-if="dialogFormVisibles"
|
|
|
|
|
+ :visidial="dialogFormVisibles"
|
|
|
|
|
+ :select-edit-data="selectEditData"
|
|
|
|
|
+ :select-editchange="selectEditchange"
|
|
|
|
|
+ :config-list="configList"
|
|
|
|
|
+ @getData="getData"
|
|
|
|
|
+ @getcolse="getcolse"
|
|
|
|
|
+ />
|
|
|
|
|
+ </div>
|
|
|
|
|
+</template>
|
|
|
|
|
+
|
|
|
|
|
+<script>
|
|
|
|
|
+import ibpsUserSelector from '@/business/platform/org/selector'
|
|
|
|
|
+import reviewDialog from './demo1ReviewDialog.vue'
|
|
|
|
|
+
|
|
|
|
|
+export default {
|
|
|
|
|
+ components: {
|
|
|
|
|
+ ibpsUserSelector,
|
|
|
|
|
+ reviewDialog,
|
|
|
|
|
+ IbpsCustomDialog: () =>
|
|
|
|
|
+ import('@/business/platform/data/templaterender/custom-dialog')
|
|
|
|
|
+ },
|
|
|
|
|
+ props: {
|
|
|
|
|
+ formData: {
|
|
|
|
|
+ type: Object,
|
|
|
|
|
+ default: () => {}
|
|
|
|
|
+ },
|
|
|
|
|
+ params: {
|
|
|
|
|
+ type: Object,
|
|
|
|
|
+ default: () => {}
|
|
|
|
|
+ },
|
|
|
|
|
+ readonly: {
|
|
|
|
|
+ type: Boolean,
|
|
|
|
|
+ default: false
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ data() {
|
|
|
|
|
+ const { first, second } = this.$store.getters.level || {}
|
|
|
|
|
+ return {
|
|
|
|
|
+ dynamicParams: {},
|
|
|
|
|
+ dialogFormVisibles: false,
|
|
|
|
|
+ isInert: false,
|
|
|
|
|
+ btnShsow: false,
|
|
|
|
|
+ isFirst: true,
|
|
|
|
|
+ selectEditchange: false,
|
|
|
|
|
+ statData: [],
|
|
|
|
|
+ first,
|
|
|
|
|
+ allPlayData: [],
|
|
|
|
|
+ second,
|
|
|
|
|
+ maxHeight: '600px',
|
|
|
|
|
+ jianYanFangFaNameCache: {},
|
|
|
|
|
+ projectAndMethodNameCache: {},
|
|
|
|
|
+ tableKey: 0,
|
|
|
|
|
+ multipleSelection: [],
|
|
|
|
|
+ selectEditData: '',
|
|
|
|
|
+ isInternalUpdate: false, // 标记是否是内部更新
|
|
|
|
|
+ isExternalUpdate: false, // 标记是否是外部更新
|
|
|
|
|
+ // 修改分页配置
|
|
|
|
|
+ pagination: {
|
|
|
|
|
+ currentPage: 1,
|
|
|
|
|
+ pageSize: 10,
|
|
|
|
|
+ total: 0
|
|
|
|
|
+ },
|
|
|
|
|
+ configList: []
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ computed: {
|
|
|
|
|
+ // 计算当前页数据
|
|
|
|
|
+ currentPageData() {
|
|
|
|
|
+ const start = (this.pagination.currentPage - 1) * this.pagination.pageSize
|
|
|
|
|
+ const end = start + this.pagination.pageSize
|
|
|
|
|
+ return this.statData.slice(start, end)
|
|
|
|
|
+ },
|
|
|
|
|
+ getJianYanFangFaName() {
|
|
|
|
|
+ return (jianYanFangFa) => {
|
|
|
|
|
+ const item = this.allPlayData.find((t) => t.id_ === jianYanFangFa)
|
|
|
|
|
+ // console.log('item===>', item)
|
|
|
|
|
+ return item ? item.fang_fa_ming_chen : ''
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ watch: {
|
|
|
|
|
+ formData: {
|
|
|
|
|
+ handler(val) {
|
|
|
|
|
+ // 如果是内部更新触发的,则忽略
|
|
|
|
|
+ if (this.isInternalUpdate) {
|
|
|
|
|
+ this.isInternalUpdate = false
|
|
|
|
|
+ return
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ this.isExternalUpdate = true
|
|
|
|
|
+ if (val.lieBiaoShuJu) {
|
|
|
|
|
+ if (this.isFirst) {
|
|
|
|
|
+ this.statData = JSON.parse(val.lieBiaoShuJu)
|
|
|
|
|
+ this.pagination.total = this.statData.length // 更新总条数
|
|
|
|
|
+ this.isFirst = false
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ if (
|
|
|
|
|
+ val.jyffxnpsjlzb &&
|
|
|
|
|
+ val.jyffxnpsjlzb.length &&
|
|
|
|
|
+ val.jyffxnpsjlzb.length > 0
|
|
|
|
|
+ ) {
|
|
|
|
|
+ this.statData = val.jyffxnpsjlzb.map((item) => ({
|
|
|
|
|
+ id: '',
|
|
|
|
|
+ parentId: '',
|
|
|
|
|
+ jianYanXiangMu: item.jianYanXiangMu,
|
|
|
|
|
+ fangFaMingCheng: item.fangFaMingCheng,
|
|
|
|
|
+ jianYanFangFa: item.jianYanFangFa,
|
|
|
|
|
+ xiangMuYuFangFa: item.xiangMuYuFangFa,
|
|
|
|
|
+ xiangMuMingCheng: item.xiangMuMingCheng,
|
|
|
|
|
+ sheBeiMingCheng: item.sheBeiMingCheng,
|
|
|
|
|
+ sheBeiBianHao: item.sheBeiBianHao,
|
|
|
|
|
+ shiJiJiPiHao: item.shiJiJiPiHao,
|
|
|
|
|
+ xiaoZhunPinJiPiHa: '不适用',
|
|
|
|
|
+ shangCiYanZhengXi: item.shangCiYanZhengXi,
|
|
|
|
|
+ pingShenNeiRong: item.pingShenNeiRong,
|
|
|
|
|
+ pingShenJieLun: item.pingShenJieLun,
|
|
|
|
|
+ faXianDeWenTi: item.faXianDeWenTi,
|
|
|
|
|
+ pinShen1: item.pingShenNeiRong,
|
|
|
|
|
+ xiangMuFangFa: item.xiangMuYuFangFa,
|
|
|
|
|
+ shiJi: item.shiJiJiPiHao,
|
|
|
|
|
+ yangzheng: item.shangCiYanZhengXi,
|
|
|
|
|
+ jieLun: item.pingShenJieLun,
|
|
|
|
|
+ faXianWenTi: item.faXianDeWenTi
|
|
|
|
|
+ }))
|
|
|
|
|
+ this.pagination.total = this.statData.length // 更新总条数
|
|
|
|
|
+ }
|
|
|
|
|
+ //this.isExternalUpdate = false;
|
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
|
+ this.isExternalUpdate = false
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+ immediate: true,
|
|
|
|
|
+ deep: true
|
|
|
|
|
+ },
|
|
|
|
|
+ params: {
|
|
|
|
|
+ handler(val) {
|
|
|
|
|
+ if (val.nodeId && val.nodeId === 'Activity_0ruri1g') {
|
|
|
|
|
+ this.btnShsow = true
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.btnShsow = false
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ immediate: true,
|
|
|
|
|
+ deep: true
|
|
|
|
|
+ },
|
|
|
|
|
+ statData: {
|
|
|
|
|
+ handler(val) {
|
|
|
|
|
+ // 如果是外部更新触发的,则不需要$emit
|
|
|
|
|
+ if (this.isExternalUpdate) {
|
|
|
|
|
+ return
|
|
|
|
|
+ }
|
|
|
|
|
+ const t = val.map((item) => ({
|
|
|
|
|
+ id: '',
|
|
|
|
|
+ parentId: '',
|
|
|
|
|
+ jianYanXiangMu: item.jianYanXiangMu,
|
|
|
|
|
+ fangFaMingCheng: '',
|
|
|
|
|
+ jianYanFangFa: item.jianYanFangFa,
|
|
|
|
|
+ xiangMuYuFangFa: item.xiangMuFangFa,
|
|
|
|
|
+ xiangMuMingCheng: item.xiangMuMingCheng,
|
|
|
|
|
+ sheBeiMingCheng: item.sheBeiMingCheng,
|
|
|
|
|
+ sheBeiBianHao: item.sheBeiBianHao,
|
|
|
|
|
+ shiJiJiPiHao: item.shiJi,
|
|
|
|
|
+ xiaoZhunPinJiPiHa: '不适用',
|
|
|
|
|
+ shangCiYanZhengXi: item.yangzheng,
|
|
|
|
|
+ pingShenNeiRong: item.pinShen1,
|
|
|
|
|
+ pingShenJieLun: item.jieLun,
|
|
|
|
|
+ faXianDeWenTi: item.faXianWenTi
|
|
|
|
|
+ }))
|
|
|
|
|
+ this.pagination.total = val.length // 更新总条数
|
|
|
|
|
+
|
|
|
|
|
+ // 标记这是内部更新,避免formData的watch再次触发
|
|
|
|
|
+ this.isInternalUpdate = true
|
|
|
|
|
+ this.$emit('change-data', 'lieBiaoShuJu', JSON.stringify(val))
|
|
|
|
|
+ this.$emit('change-data', 'jyffxnpsjlzb', t)
|
|
|
|
|
+ },
|
|
|
|
|
+ deep: true
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ created() {
|
|
|
|
|
+ this.getAllPlayData()
|
|
|
|
|
+ // 初始化时加载所有需要的数据
|
|
|
|
|
+ // if (this.statData && this.statData.length > 0) {
|
|
|
|
|
+ // this.statData.forEach((row) => {
|
|
|
|
|
+ // this.loadJianYanFangFaName(row.jianYanFangFa)
|
|
|
|
|
+ // this.loadProjectAndMethodName(row.xiangMuFangFa)
|
|
|
|
|
+ // })
|
|
|
|
|
+ // }
|
|
|
|
|
+ },
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ // 每页条数改变
|
|
|
|
|
+ handleSizeChange(val) {
|
|
|
|
|
+ this.pagination.pageSize = val
|
|
|
|
|
+ this.pagination.currentPage = 1 // 重置到第一页
|
|
|
|
|
+ this.refreshTable()
|
|
|
|
|
+ },
|
|
|
|
|
+ // 当前页改变
|
|
|
|
|
+ handleCurrentChange(val) {
|
|
|
|
|
+ this.pagination.currentPage = val
|
|
|
|
|
+ this.refreshTable()
|
|
|
|
|
+ },
|
|
|
|
|
+ loadJianYanFangFaName(jianYanFangFa) {
|
|
|
|
|
+ return this.jian(jianYanFangFa)
|
|
|
|
|
+ },
|
|
|
|
|
+ refreshTable() {
|
|
|
|
|
+ this.tableKey++
|
|
|
|
|
+ },
|
|
|
|
|
+ async loadProjectAndMethodName(xiangMuFangFa) {
|
|
|
|
|
+ console.log('xiangMuFangFa===>', xiangMuFangFa)
|
|
|
|
|
+ try {
|
|
|
|
|
+ const methodName = await this.xiang(xiangMuFangFa)
|
|
|
|
|
+ this.projectAndMethodNameCache[xiangMuFangFa] = methodName
|
|
|
|
|
+ } catch (error) {
|
|
|
|
|
+ console.error('Error fetching data:', error)
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ // 点击添加按钮
|
|
|
|
|
+ addData() {
|
|
|
|
|
+ this.selectEditchange = true
|
|
|
|
|
+ this.dialogFormVisibles = true
|
|
|
|
|
+ this.configList = []
|
|
|
|
|
+ this.configData()
|
|
|
|
|
+ },
|
|
|
|
|
+ // 点击取消按钮
|
|
|
|
|
+ getcolse() {
|
|
|
|
|
+ this.selectEditData = ''
|
|
|
|
|
+ this.selectEditchange = false
|
|
|
|
|
+ this.dialogFormVisibles = false
|
|
|
|
|
+ },
|
|
|
|
|
+ getData(obj, index) {
|
|
|
|
|
+ if (typeof index === 'undefined') {
|
|
|
|
|
+ // 新增
|
|
|
|
|
+ this.statData.push(obj)
|
|
|
|
|
+ } else {
|
|
|
|
|
+ // 修改
|
|
|
|
|
+ Object.assign(this.statData[index], obj)
|
|
|
|
|
+ }
|
|
|
|
|
+ this.loadJianYanFangFaName(obj.jianYanFangFa)
|
|
|
|
|
+ this.loadProjectAndMethodName(obj.xiangMuFangFa)
|
|
|
|
|
+
|
|
|
|
|
+ // 添加或修改数据后,可能需要调整分页
|
|
|
|
|
+ const totalPages = Math.ceil(
|
|
|
|
|
+ this.statData.length / this.pagination.pageSize
|
|
|
|
|
+ )
|
|
|
|
|
+ if (this.pagination.currentPage > totalPages) {
|
|
|
|
|
+ this.pagination.currentPage = totalPages
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ async getAllPlayData() {
|
|
|
|
|
+ const response = await this.$common.request('query', {
|
|
|
|
|
+ key: 'getBzffglbById1',
|
|
|
|
|
+ params: [null]
|
|
|
|
|
+ })
|
|
|
|
|
+ this.allPlayData = response.variables.data
|
|
|
|
|
+ },
|
|
|
|
|
+ jian(val) {
|
|
|
|
|
+ const item = this.allPlayData.find((t) => t.id_ === val)
|
|
|
|
|
+ return item ? item.fang_fa_ming_chen : ''
|
|
|
|
|
+ },
|
|
|
|
|
+ async xiang(val) {
|
|
|
|
|
+ try {
|
|
|
|
|
+ const response = await this.$common.request('query', {
|
|
|
|
|
+ key: 'getNlfwbById1',
|
|
|
|
|
+ params: [null]
|
|
|
|
|
+ })
|
|
|
|
|
+ const a =
|
|
|
|
|
+ response.variables.data[0] &&
|
|
|
|
|
+ response.variables.data[0].jian_yan_xiang_mu
|
|
|
|
|
+ return a
|
|
|
|
|
+ } catch (error) {
|
|
|
|
|
+ console.error('Error fetching data:', error)
|
|
|
|
|
+ throw error
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ handleSelectionChange(val) {
|
|
|
|
|
+ this.multipleSelection = val
|
|
|
|
|
+ },
|
|
|
|
|
+ goRemove() {
|
|
|
|
|
+ if (this.multipleSelection.length === 0) {
|
|
|
|
|
+ this.$message({
|
|
|
|
|
+ message: '请选择要删除的数据',
|
|
|
|
|
+ type: 'warning'
|
|
|
|
|
+ })
|
|
|
|
|
+ return
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ // 删除选中的数据
|
|
|
|
|
+ this.statData = this.statData.filter(
|
|
|
|
|
+ (item) => !this.multipleSelection.includes(item)
|
|
|
|
|
+ )
|
|
|
|
|
+
|
|
|
|
|
+ // 删除后调整分页
|
|
|
|
|
+ const totalPages = Math.ceil(
|
|
|
|
|
+ this.statData.length / this.pagination.pageSize
|
|
|
|
|
+ )
|
|
|
|
|
+ if (this.pagination.currentPage > totalPages && totalPages > 0) {
|
|
|
|
|
+ this.pagination.currentPage = totalPages
|
|
|
|
|
+ } else if (totalPages === 0) {
|
|
|
|
|
+ this.pagination.currentPage = 1
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ this.multipleSelection = []
|
|
|
|
|
+ },
|
|
|
|
|
+ handleEdit(row, index) {
|
|
|
|
|
+ // 计算实际在statData中的索引
|
|
|
|
|
+ const actualIndex =
|
|
|
|
|
+ (this.pagination.currentPage - 1) * this.pagination.pageSize + index
|
|
|
|
|
+
|
|
|
|
|
+ // 编辑操作
|
|
|
|
|
+ this.selectEditchange = true
|
|
|
|
|
+ this.selectEditData = row
|
|
|
|
|
+ this.selectEditData.rowIndex = actualIndex
|
|
|
|
|
+ this.dialogFormVisibles = true
|
|
|
|
|
+ this.configList = []
|
|
|
|
|
+ this.configData()
|
|
|
|
|
+ },
|
|
|
|
|
+ handleSelect(row) {
|
|
|
|
|
+ // 查阅操作
|
|
|
|
|
+ this.dialogFormVisibles = true
|
|
|
|
|
+ this.selectEditData = row
|
|
|
|
|
+ this.selectEditchange = false
|
|
|
|
|
+ },
|
|
|
|
|
+ // 配置完成之后评审内容数据自动带出
|
|
|
|
|
+ configData() {
|
|
|
|
|
+ this.$common
|
|
|
|
|
+ .request('query', {
|
|
|
|
|
+ key: 'getJyffxnpspzb',
|
|
|
|
|
+ params: [null]
|
|
|
|
|
+ })
|
|
|
|
|
+ .then((res) => {
|
|
|
|
|
+ const data = res.variables.data
|
|
|
|
|
+
|
|
|
|
|
+ data.forEach((item) => {
|
|
|
|
|
+ const obj = {
|
|
|
|
|
+ name: item.ping_shen_nei_ron,
|
|
|
|
|
+ shi_fou: '是',
|
|
|
|
|
+ bei_zhu: '',
|
|
|
|
|
+ shi_fou_shi_yong: '是',
|
|
|
|
|
+ cuo_shi_: ''
|
|
|
|
|
+ }
|
|
|
|
|
+ this.configList.push(obj)
|
|
|
|
|
+ })
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+</script>
|
|
|
|
|
+
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
|
+.main {
|
|
|
|
|
+ .hand-btn {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ text-align: right;
|
|
|
|
|
+ background-color: azure !important; /* 背景颜色 */
|
|
|
|
|
+ border-top: 1px solid #ebeef5;
|
|
|
|
|
+ border-left: 1px solid #ebeef5;
|
|
|
|
|
+ border-right: 1px solid #ebeef5;
|
|
|
|
|
+ margin-bottom: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ ::v-deep .blue-header .el-table__header th {
|
|
|
|
|
+ background-color: #84d5cf !important; /* 背景颜色 */
|
|
|
|
|
+ color: #080808; /* 标题文字颜色 */
|
|
|
|
|
+ }
|
|
|
|
|
+ .dialog {
|
|
|
|
|
+ padding: 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .spanto {
|
|
|
|
|
+ color: #1e90ff;
|
|
|
|
|
+ }
|
|
|
|
|
+ .spanto:hover {
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ }
|
|
|
|
|
+ .spant {
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ color: #dfdddd;
|
|
|
|
|
+ margin: 0 7px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .dialog-footer {
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ }
|
|
|
|
|
+ .el-form {
|
|
|
|
|
+ padding: 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .setBorder {
|
|
|
|
|
+ border: 1px solid #dcdfe6;
|
|
|
|
|
+ padding: 10px;
|
|
|
|
|
+ border-radius: 8px;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+</style>
|