From bec8226d8a3b56045fee688ae31c1e7c242a4e33 Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Tue, 21 Jun 2022 16:59:31 +0800
Subject: [PATCH 01/11] bug

---
 .../bsabilityservice-add-or-update.vue        | 980 ++++++++++++++++++
 .../src/views/modules/canassigncase/index.vue | 322 ++++++
 .../views/modules/canassigncase/upload.vue    | 104 ++
 front/src/api/personalCenter.js               |  17 +-
 .../components/ComponentServices.vue          |   8 +-
 .../components/Developer/DeveloperTrial.vue   |   1 -
 .../personalCenter/components/Collection.vue  |   7 +
 .../personalCenter/components/MyBrowse.vue    | 447 ++++++++
 .../personalCenter/components/asideMenu.vue   |  12 +-
 front/src/views/personalCenter/index.vue      |   3 +-
 10 files changed, 1891 insertions(+), 10 deletions(-)
 create mode 100644 back/src/views/modules/canassigncase/bsabilityservice-add-or-update.vue
 create mode 100644 back/src/views/modules/canassigncase/index.vue
 create mode 100644 back/src/views/modules/canassigncase/upload.vue
 create mode 100644 front/src/views/personalCenter/components/MyBrowse.vue

diff --git a/back/src/views/modules/canassigncase/bsabilityservice-add-or-update.vue b/back/src/views/modules/canassigncase/bsabilityservice-add-or-update.vue
new file mode 100644
index 00000000..81b7d5ed
--- /dev/null
+++ b/back/src/views/modules/canassigncase/bsabilityservice-add-or-update.vue
@@ -0,0 +1,980 @@
+<template>
+  <div>
+    <el-dialog
+      :visible.sync="visible"
+      :title="disabled ? '能力展示' : '挂接'"
+      @close="guanbi"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+    >
+      <!-- 挂载和修改-->
+      <div key="1" v-if="!disabled">
+        <!-- 挂载-->
+        <div style="text-align:center;font-weight: 600;font-size: 18px;margin-bottom: 10px;">填写字段</div>
+        <el-checkbox-group v-model="checkList" @change="showListChagne" style="margin-bottom:20px;">
+          <el-checkbox-button v-for="item in dataForm.showListAll" :label="item.name" :key="item.id">{{item.name}}</el-checkbox-button>
+        </el-checkbox-group>
+        <el-form
+          v-if="!UpdateState"
+          :model="dataForm"
+          :rules="rules"
+          ref="dataForm"
+          @keyup.enter.native="dataFormSubmitHandle()"
+          :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'"
+        >
+          <div v-show="checkList.indexOf('必填信息')>-1">
+            <div style="text-align:center;font-weight: 600;font-size: 18px;margin-bottom: 10px;">必填信息</div>
+            <el-form-item label="应用名称" prop="name">
+              <el-input v-model="dataForm.name" placeholder="请输入组件名称" ></el-input>
+            </el-form-item>
+            <el-form-item label="应用描述" prop="description">
+              <el-input v-model="dataForm.description" placeholder="请输入组件描述" ></el-input>
+            </el-form-item>
+            <el-form-item label="部门联系人" prop="deptContacts">
+              <el-input v-model="dataForm.deptContacts" placeholder="请输入部门联系人" ></el-input>
+            </el-form-item>
+            <el-form-item label="部门联系人电话" prop="deptPhone">
+              <el-input v-model="dataForm.deptPhone" placeholder="请输入部门联系人电话" ></el-input>
+            </el-form-item>
+            <el-form-item label="共享条件" prop="shareCondition">
+              <el-select
+                v-model="dataForm.shareCondition"
+                placeholder="请选择共享条件"
+              >
+                <el-option
+                  v-for="val in typeOptions"
+                  :key="val.value"
+                  :label="val.label"
+                  :value="val.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="共享类型" prop="shareType"><el-select
+                v-model="dataForm.shareType"
+                placeholder="请选择共享类型"
+              >
+                <el-option
+                  v-for="val in conditionOptions"
+                  :key="val.value"
+                  :label="val.label"
+                  :value="val.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="共享方式" prop="shareMode">
+              <el-input v-model="dataForm.shareMode" placeholder="请输入共享方式" ></el-input>
+            </el-form-item>
+          </div>
+          <div v-for="item in dataForm.showList" :key="item.id" v-show="item.name !== '必填信息'">
+            <div style="text-align:center;font-weight: 600;font-size: 18px;margin-bottom: 10px;">{{item.name}}</div>
+            <el-form-item :label="child.name" v-for="child in item.children" :key="child.id" v-show="item.children">
+              <el-input v-model="child.note1" :placeholder="'请输入'+child.name" v-if="child.type=='input'"></el-input>
+              <el-input v-model="child.note1" :placeholder="'请输入'+child.name" type="textarea" :rows="2" v-if="child.type=='textArea'"></el-input>
+              <el-select
+                v-else-if="child.type=='select'"
+                v-model="child.note1"
+                :placeholder="'请选择' + child.name"
+              >
+                <el-option
+                  v-for="val in child.options"
+                  :key="val"
+                  :label="val"
+                  :value="val"
+                >
+                </el-option>
+              </el-select>
+              <upload v-else-if="child.type=='images'" :child='child' limit='5' accept='.jpg,.png'></upload>
+              <upload v-else-if="child.type=='image'" :child='child' limit='1' accept='.jpg,.png'></upload>
+              <upload v-else-if="child.type=='video'" :child='child' limit='1' accept='.mp4'></upload>
+            </el-form-item>
+          </div>
+        </el-form>
+        <!-- 修改-->
+        <el-form
+          v-else
+          :model="dataFormUpdate"
+          ref="dataForm"
+          @keyup.enter.native="dataFormSubmitHandle()"
+          :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'"
+        >
+          <el-form-item label="应用名称">
+            <el-input
+              v-model="dataFormUpdate.name"
+              placeholder="应用名称"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="应用描述">
+            <el-input
+              v-model="dataFormUpdate.description"
+              placeholder="应用描述"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="访问地址">
+            <el-input
+              v-model="dataFormUpdate.link"
+              placeholder="访问地址"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="部门联系人">
+            <el-input
+              v-model="dataFormUpdate.deptContacts"
+              placeholder="部门联系人"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="部门联系人电话">
+            <el-input
+              v-model="dataFormUpdate.deptPhone"
+              placeholder="部门联系人电话"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="共享类型">
+            <el-select v-model="dataFormUpdate.shareType" placeholder="请选择">
+              <el-option
+                v-for="item in typeOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+            <!-- <el-input v-model="dataFormUpdate.shareType" placeholder="共享类型"></el-input> -->
+          </el-form-item>
+          <el-form-item label="共享条件">
+            <el-select
+              v-model="dataFormUpdate.shareCondition"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in conditionOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+            <!-- <el-input v-model="dataFormUpdate.shareCondition" placeholder="共享条件"></el-input> -->
+          </el-form-item>
+          <el-form-item label="共享方式">
+            <el-input
+              v-model="dataFormUpdate.shareMode"
+              placeholder="共享方式"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="服务接口">
+            <el-input
+              v-model="dataFormUpdate.apiUrl"
+              placeholder="服务接口"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="服务接口请求方式">
+            <el-input
+              v-model="dataFormUpdate.apiMethodType"
+              placeholder="服务接口请求方式"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            v-for="item in dataFormUpdate.infoList"
+            :key="item.index"
+            :label="item.attrType"
+          >
+            <el-input
+              v-model="item.attrValue"
+              :placeholder="item.attrType"
+              v-if="
+                item.attrType != '应用领域' &&
+                  item.attrType != '应用类型' &&
+                  item.attrType != '发布端' &&
+                  item.attrType != '应用状态'
+              "
+            ></el-input>
+            <el-select
+              v-else
+              v-model="item.attrValue"
+              :placeholder="item.attrType"
+            >
+              <el-option
+                :value="item2.dictLabel"
+                v-for="item2 in item.children"
+                :key="item2.id"
+                :label="item2.dictLabel"
+              ></el-option>
+            </el-select>
+            <!-- <el-upload
+              v-if="item.attrType == '应用图片'"
+              ref="addUpload"
+              class="upload-demo"
+              :action="fileUploadUrl"
+              :on-success="handleAvatarSuccess"
+              :before-upload="beforeAvatarUpload"
+              :on-remove="addUploadRemoveFile"
+              :on-preview="showView"
+              list-type="picture"
+            >
+              <el-button size="small" type="primary">点击上传</el-button>
+              <div slot="tip" class="el-upload__tip">
+                只能上传jpg/png文件，且不超过200M
+              </div>
+            </el-upload> -->
+          </el-form-item>
+        </el-form>
+      </div>
+      <!-- 展示 -->
+      <el-form
+        key="2"
+        class="detial-form"
+        v-else
+        :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'"
+      >
+        <el-form-item label="应用名称" prop="name">
+          {{ dataFormShowDetails.name || "--" }}
+        </el-form-item>
+        <el-form-item label="应用描述">
+          {{ dataFormShowDetails.description || "--" }}
+        </el-form-item>
+        <el-form-item label="访问地址">
+          {{ dataFormShowDetails.link || "--" }}
+        </el-form-item>
+        <el-form-item label="部门联系人">
+          {{ dataFormShowDetails.deptContacts || "--" }}
+        </el-form-item>
+        <el-form-item label="部门联系人电话">
+          {{ dataFormShowDetails.deptPhone || "--" }}
+        </el-form-item>
+        <el-form-item label="共享类型">
+          {{ dataFormShowDetails.shareType || "--" }}
+        </el-form-item>
+        <el-form-item label="共享条件">
+          {{ dataFormShowDetails.shareCondition || "--" }}
+        </el-form-item>
+        <el-form-item label="共享方式">
+          {{ dataFormShowDetails.shareMode || "--" }}
+        </el-form-item>
+        <el-form-item label="服务接口">
+          {{ dataFormShowDetails.apiUrl || "--" }}
+        </el-form-item>
+        <el-form-item label="服务接口请求方式">
+          {{ dataFormShowDetails.apiMethodType || "--" }}
+        </el-form-item>
+        <el-form-item
+          v-for="item in dataFormShowDetails.infoList"
+          :key="item.index"
+          :label="item.attrType"
+          :prop="item.attrValue"
+        >
+          {{ item.attrValue || "--" }}
+        </el-form-item>
+      </el-form>
+      <template slot="footer" v-if="!disabled">
+        <el-button @click="visible = false">{{ $t("cancel") }}</el-button>
+        <el-button type="primary" @click="dataFormSubmitHandle()">{{
+          $t("confirm")
+        }}</el-button>
+      </template>
+    </el-dialog>
+    <div>
+      <el-dialog :visible.sync="dialogVisibleImg">
+        <img width="100%" :src="previewImg" />
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+import dictionaries from '@/utils/dictionaries'
+import { mapState } from 'vuex'
+import { getIconList } from '@/utils'
+import Cookies from 'js-cookie'
+import upload from './upload.vue'
+import bus from '@/views/bus.js'
+import qs from 'qs'
+import Vue from 'vue'
+export default {
+  components: {
+    upload
+  },
+  data () {
+    return {
+      checkList: [],
+      dialogVisibleImg: false,
+      previewImg: '', // 预览图片
+      dialogVisible: false,
+      fileUploadUrl: window.SITE_CONFIG.apiURL + '/upload',
+      uploadUrl:
+        window.SITE_CONFIG.apiURL +
+        '/sys/oss/upload?token=' +
+        Cookies.get('ucsToken'),
+      companyArr: dictionaries.companyArr,
+      visible: false,
+      sceneArr: dictionaries.sceneArr,
+      fieldArr: dictionaries.fieldArr,
+      shareFormArr: dictionaries.shareFormArr,
+      shareTypeArr: dictionaries.shareTypeArr,
+      iconList: [],
+      iconListVisible: false,
+      menuListVisible: false,
+      UpdateState: false,
+      dataForm: {
+        id: '',
+        deptId: '',
+        deptContacts: '',
+        deptPhone: '',
+        dataVolume: '',
+        shareCondition: '',
+        shareType: '',
+        shareMode: '',
+        delFlag: 0,
+        description: '',
+        downloads: 0,
+        image: '',
+        showList: [],
+        infoList: [],
+        link: '',
+        name: '',
+        note1: '',
+        note2: '',
+        note3: '',
+        note4: '',
+        note5: '',
+        score: '',
+        type: '应用资源',
+        apiMethodType: '',
+        apiUrl: '',
+        visits: 0
+      },
+      deptId: '',
+      fangwendizhi: '',
+      mingzi: '',
+      dataFormUpdate: {},
+      dataFormShowDetails: {},
+      infoList2: [],
+      infoList3: [],
+      typeOptions: [
+        { value: '有条件共享', label: '有条件共享' },
+        { value: '无条件共享', label: '无条件共享' }
+      ],
+      conditionOptions: [
+        { value: '申请', label: '申请' },
+        { value: '免批申请', label: '免批申请' }
+      ],
+
+      rules: {
+        name: [
+          {
+            required: true,
+            message: '请输入应用名称',
+            trigger: 'change'
+          }
+        ],
+        description: [
+          {
+            required: true,
+            message: '请输入应用描述',
+            trigger: 'change'
+          }
+        ],
+        deptContacts: [
+          {
+            required: true,
+            message: '请输入部门联系人',
+            trigger: 'change'
+          }
+        ],
+        deptPhone: [
+          {
+            required: true,
+            message: '请输入部门联系人电话',
+            trigger: 'change'
+          }
+        ],
+        shareCondition: [
+          {
+            required: true,
+            message: '请选择共享条件',
+            trigger: 'change'
+          }
+        ],
+        shareType: [
+          {
+            required: true,
+            message: '请选择请输入共享类型',
+            trigger: 'change'
+          }
+        ],
+        shareMode: [
+          {
+            required: true,
+            message: '请输入共享方式',
+            trigger: 'change'
+          }
+        ]
+      }
+    }
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    ...mapState(['catalogueTree']),
+    ...mapState(['departmentSelects']),
+    dataRule () {
+      return {
+        name: [
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
+        ],
+        version: [
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
+        ],
+        visitUrl: [
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
+        ],
+        type: [
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
+        ],
+        shareType: [
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
+        ],
+        shareForm: [
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
+        ],
+        field: [
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
+        ],
+        scene: [
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
+        ],
+        deptId: [
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
+        ],
+        content: [
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
+        ],
+        rank: [
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
+        ],
+        useInfo: [
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
+        ],
+        remarks: [
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
+        ],
+        isUp: [
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    // 上传图片
+    handleAvatarSuccess (res, file) {
+      if (res.code !== 0) {
+        return this.$message.error('上传图片失败')
+      }
+      debugger
+      this.dataForm.infoList.map((item, index) => {
+        if (item.attrType == '应用图片') {
+          if (!this.dataForm.infoList[index].attrValue) {
+            this.dataForm.infoList[index].attrValue = res.data
+          } else {
+            this.dataForm.infoList[index].attrValue += ';' + res.data
+          }
+          console.log('上传图片', this.dataForm.infoList[index])
+        }
+      })
+      // this.imageUrl = URL.createObjectURL(file.raw);
+    },
+    handleAvatarSuccessone (res, file) {
+      if (res.code !== 0) {
+        return this.$message.error('上传图片失败')
+      }
+      debugger
+      this.dataForm.infoList.map((item, index) => {
+        if (item.attrType == '子系统一图片') {
+          if (!this.dataForm.infoList[index].attrValue) {
+            this.dataForm.infoList[index].attrValue = res.data
+          } else {
+            this.dataForm.infoList[index].attrValue = ''
+            this.dataForm.infoList[index].attrValue = res.data
+          }
+          console.log('上传图片', this.dataForm.infoList[index])
+        }
+      })
+      // this.imageUrl = URL.createObjectURL(file.raw);
+    },
+    handleAvatarSuccesstwo (res, file) {
+      if (res.code !== 0) {
+        return this.$message.error('上传图片失败')
+      }
+      debugger
+      this.dataForm.infoList.map((item, index) => {
+        if (item.attrType == '子系统二图片') {
+          if (!this.dataForm.infoList[index].attrValue) {
+            this.dataForm.infoList[index].attrValue = res.data
+          } else {
+            this.dataForm.infoList[index].attrValue = ''
+            this.dataForm.infoList[index].attrValue = res.data
+          }
+          console.log('上传图片', this.dataForm.infoList[index])
+        }
+      })
+      // this.imageUrl = URL.createObjectURL(file.raw);
+    },
+    handleAvatarSuccessthree (res, file) {
+      if (res.code !== 0) {
+        return this.$message.error('上传图片失败')
+      }
+      debugger
+      this.dataForm.infoList.map((item, index) => {
+        if (item.attrType == '子系统三图片') {
+          if (!this.dataForm.infoList[index].attrValue) {
+            this.dataForm.infoList[index].attrValue = res.data
+          } else {
+            this.dataForm.infoList[index].attrValue = ''
+            this.dataForm.infoList[index].attrValue = res.data
+          }
+          console.log('上传图片', this.dataForm.infoList[index])
+        }
+      })
+      // this.imageUrl = URL.createObjectURL(file.raw);
+    },
+    beforeAvatarUpload (file) {
+      const isImage =
+        file.type === 'image/jpeg' ||
+        file.type === 'image/jpg' ||
+        file.type === 'image/png'
+      const isLt2M = file.size / 1024 / 1024 < 9999
+
+      if (!isImage) {
+        this.$message.error('上传头像图片只能是 JPG 格式!')
+      }
+      if (!isLt2M) {
+        this.$message.error('上传头像图片大小不能超过 2MB!')
+      }
+      return isImage && isLt2M
+    },
+    addUploadRemoveFile (file, fileList) {
+      this.$refs.addUpload.clearFiles()
+      this.addDataFrom.imageUrl = ''
+    },
+    showView (file) {
+      this.previewImg = file.url
+      this.dialogVisibleImg = true
+    },
+    // 获取当前管理员信息
+    getUserInfo () {
+      this.$http.get('/sys/user/info').then(({ data: res }) => {
+        this.dataForm.deptId = res.data.deptId
+        this.deptId = res.data.deptId
+        console.log('depid', this.dataForm)
+      })
+    },
+    guanbi () {
+      this.dataForm = {
+        id: '',
+        deptId: '',
+        deptContacts: '',
+        deptPhone: '',
+        dataVolume: '',
+        shareCondition: '',
+        shareType: '',
+        shareMode: '',
+        delFlag: 0,
+        description: '',
+        downloads: 0,
+        image: '',
+        showList: [],
+        infoList: [],
+        link: '',
+        name: '',
+        note1: '',
+        note2: '',
+        note3: '',
+        note4: '',
+        note5: '',
+        score: '',
+        type: '应用资源',
+        apiMethodType: '',
+        apiUrl: '',
+        visits: 0
+      }
+    },
+    handleRemove (file, fileList) {
+      console.log(file, fileList)
+    },
+    handlePictureCardPreview (file) {
+      this.dialogImageUrl = file.url
+      this.dialogVisible = true
+    },
+    // 上传图片之前
+    uploadBeforeUploadHandle (file) {
+      if (
+        file.type !== 'image/jpg' &&
+        file.type !== 'image/jpeg' &&
+        file.type !== 'image/png' &&
+        file.type !== 'image/gif'
+      ) {
+        this.$message.error('只支持jpg、png、gif格式的图片！')
+        return false
+      }
+    },
+    imgUploadSuccess (res, file, fileList) {
+      console.log('zzzzzzz', res, file, fileList)
+
+      if (res.code !== 0) {
+        return this.$message.error(res.msg)
+      }
+    },
+    init () {
+      this.getInfoList()
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs.dataForm && this.$refs.dataForm.resetFields()
+        this.iconList = getIconList()
+        if (this.dataForm.id) {
+          this.getInfo()
+        }
+      })
+    },
+    // 获取属性信息
+    getInfoList () {
+      const parms = {
+        topCategoryName: '应用资源'
+      }
+      this.infoList2 = []
+      this.$http
+        .get('/category/getAllFiledByTopCategory' + '?' + qs.stringify(parms))
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          res.data.map((item, index) => {
+            if (
+              item.name.search('应用名称') == -1 &&
+              item.name.search('地址') == -1 &&
+              // item.name.search("描述") == -1 &&
+              item.name !== '组件描述' &&
+              item.name !== '组件名称' &&
+              item.name !== '服务接口' &&
+              item.name !== '共享类型' &&
+              item.name !== '共享条件' &&
+              item.name !== '共享方式' &&
+              item.name !== '部门联系人电话' &&
+              item.name !== '部门统一社会代码' &&
+              item.name !== '部门联系人' &&
+              item.name !== '服务商统一社会信用代码' &&
+              item.name !== '服务接口请求方式' &&
+              item.name !== '部门名称'
+            ) {
+              const duixiang = {
+                attrType: item.name,
+                attrValue: '',
+                delFlag: 0
+              }
+              this.infoList2.push(item)
+              if (item.isLinkToDic != 'false') {
+                const xinxi = {
+                  page: 1,
+                  limit: 99,
+                  dictTypeId: item.linkValue,
+                  dictLabel: '',
+                  dictValue: ''
+                }
+                this.$http
+                  .get('/sys/dict/data/page' + '?' + qs.stringify(xinxi))
+                  .then(({ data: res2 }) => {
+                    // this.infoList2[index - 1].children = res2.data.list
+                    this.infoList2.map((item3, index3) => {
+                      if (item3.name == item.name) {
+                        Vue.set(
+                          this.infoList2[index3],
+                          'children',
+                          res2.data.list
+                        )
+                      }
+                    })
+                    this.dataFormUpdate.infoList.map((item3, index3) => {
+                      if (item3.attrType == item.name) {
+                        Vue.set(
+                          this.dataFormUpdate.infoList[index3],
+                          'children',
+                          res2.data.list
+                        )
+                      }
+                    })
+                    console.log(
+                      '11111111111111111111111111110',
+                      this.dataFormUpdate
+                    )
+                  })
+              }
+              this.dataForm.infoList.push(duixiang)
+            }
+          })
+          console.log('this.infoList', this.dataFormUpdate)
+        })
+        .catch(() => {})
+      this.$http
+        .get('/sys/dict/data/page' + '?' + qs.stringify(parms))
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          console.log('this.infoList', this.dataForm)
+        })
+        .catch(() => {})
+    },
+    // 图标, 选中
+    iconListCurrentChangeHandle (icon) {
+      this.dataForm.imgurl = icon
+      this.iconListVisible = false
+    },
+    // 上级菜单树, 选中
+    menuListTreeCurrentChangeHandle (data) {
+      this.dataForm.pid = data.id
+      this.dataForm.type = data.name
+      this.menuListVisible = false
+    },
+    // 上级菜单树, 设置默认值
+    deptListTreeSetDefaultHandle () {
+      this.dataForm.pid = '0'
+      this.dataForm.type = '目录级别'
+    },
+    // 获取信息
+    getInfo () {
+      this.$http
+        .get('/ability/bsabilityai/' + this.dataForm.id)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.dataForm = {
+            ...this.dataForm,
+            ...res.data
+          }
+        })
+        .catch(() => {})
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(
+      function () {
+        this.$refs.dataForm.validate((valid) => {
+          this.getUserInfo()
+          this.dataForm.deptId = this.deptId
+          if (!valid) {
+            this.$message.error('请检查表单是否填写完整')
+            return false
+          }
+          console.log('表单数据=======================》', this.dataForm)
+          if (!this.UpdateState) {
+            this.dataForm.infoList = []
+            this.dataForm.showListAll.forEach(val => {
+              if (val.name !== '必填信息') {
+                if (val.name === '服务接口信息') {
+                  val.children.forEach(item => {
+                    if (item.name === '服务接口') {
+                      this.dataForm.apiUrl = item.note1
+                    }
+                    if (item.name === '接口请求方式') {
+                      this.dataForm.apiMethodType = item.note1
+                    }
+                    if (item.name === '访问地址') {
+                      this.dataForm.link = item.note1
+                    }
+                  })
+                } else {
+                  val.children.forEach(item => {
+                    this.dataForm.infoList.push({
+                      attrType: item.name,
+                      attrValue: item.note1,
+                      delFlag: 0
+                    })
+                  })
+                }
+              }
+            })
+            this.$http
+              .post('/resource/insert?source= b', this.dataForm)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  return this.$message.error(res.msg)
+                }
+                this.$message({
+                  message: this.$t('prompt.success'),
+                  type: 'success',
+                  duration: 500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              })
+              .catch(() => {})
+          } else {
+            this.$http
+              .put('/resource/update', this.dataFormUpdate)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  return this.$message.error(res.msg)
+                }
+                this.$message({
+                  message: this.$t('prompt.success'),
+                  type: 'success',
+                  duration: 500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              })
+              .catch(() => {})
+          }
+        })
+      },
+      1000,
+      { leading: true, trailing: false }
+    ),
+    showListChagne () {
+      this.dataForm.showList = this.dataForm.showListAll.filter(item => this.checkList.indexOf(item.name) > -1)
+      console.log('属性变更===================>', this.checkList, this.dataForm.showList, this.dataForm.showListAll)
+    }
+  },
+  mounted () {
+    this.getUserInfo()
+  },
+  beforeDestroy () {
+    console.log('销毁~~~~~~~~~~~~~~~~~~~~')
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog__body {
+  height: 580px;
+  overflow: auto;
+}
+.icon-input ::v-deep .el-input__inner {
+  cursor: pointer;
+}
+.detial-form ::v-deep {
+  .el-form-item {
+    margin-bottom: 0px;
+    line-height: 32px;
+  }
+  .el-form-item__label {
+    line-height: 32px;
+  }
+  .el-form-item__content {
+    line-height: 32px;
+  }
+}
+::v-deep .el-checkbox-button__inner {
+  width: 130px;
+  margin: 0 10px 5px;
+  border-left: unset !important;
+  border-radius: unset !important;
+  border: 1px solid #dcdfe6 !important;
+}
+</style>
+
+<style lang="scss">
+.mod-sys__menu {
+  .menu-list,
+  .icon-list {
+    .el-input__inner,
+    .el-input__suffix {
+      cursor: pointer;
+    }
+  }
+  &-icon-popover {
+    width: 458px;
+    overflow: hidden;
+  }
+  &-icon-inner {
+    width: 478px;
+    max-height: 258px;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+  &-icon-list {
+    width: 458px;
+    padding: 0;
+    margin: -8px 0 0 -8px;
+    > .el-button {
+      padding: 8px;
+      margin: 8px 0 0 8px;
+      > span {
+        display: inline-block;
+        vertical-align: middle;
+        width: 18px;
+        height: 18px;
+        font-size: 18px;
+      }
+    }
+  }
+}
+.previewImg {
+  position: fixed;
+  z-index: 9999;
+}
+</style>
diff --git a/back/src/views/modules/canassigncase/index.vue b/back/src/views/modules/canassigncase/index.vue
new file mode 100644
index 00000000..328d803a
--- /dev/null
+++ b/back/src/views/modules/canassigncase/index.vue
@@ -0,0 +1,322 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-ability__bsabilityai">
+      <el-form :inline="true" :model="dataForm">
+        <el-form-item>
+          <el-input
+            v-model="dataForm.name"
+            placeholder="名称"
+            clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList2(dataForm.name)">{{
+            $t("query")
+          }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="info" @click="exportHandle()">{{
+            $t("export")
+          }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            v-if="$hasPermission('ability:bsabilityai:save')"
+            type="primary"
+            @click="addOrUpdateHandleServe()"
+            >挂接</el-button
+          >
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            v-if="$hasPermission('ability:bsabilityai:delete')"
+            type="danger"
+            @click="deleteHandle2()"
+            >{{ $t("deleteBatch") }}</el-button
+          >
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="reset">重置</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        v-loading="dataListLoading"
+        :data="dataList"
+        border
+        @selection-change="dataListSelectionChangeHandle"
+        style="width: 100%"
+        :height="qp ? '810px' : '650px'"
+      >
+        <el-table-column
+          type="selection"
+          header-align="center"
+          align="center"
+          width="50"
+        ></el-table-column>
+        <el-table-column
+          prop="name"
+          label="应用名称"
+          header-align="center"
+          align="center"
+        ></el-table-column>
+
+        <el-table-column
+          v-for="(item, index) in dataList[0].infoList"
+          :key="index"
+          :label="item.attrType"
+          header-align="center"
+          align="center"
+          show-overflow-tooltip="true"
+        >
+          <template slot-scope="scope">
+            {{ findValue(scope.row.infoList, item.attrType) }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t('handle')"
+          fixed="right"
+          header-align="center"
+          align="center"
+          width="94"
+          right="0"
+        >
+          <template slot-scope="scope">
+            <el-button
+              v-if="$hasPermission('ability:bsabilityai:update')"
+              type="text"
+              size="small"
+              @click="UpdateHandle(scope.row)"
+              >{{ $t("update") }}</el-button
+            >
+            <el-button
+              v-if="$hasPermission('ability:bsabilityai:delete')"
+              type="text"
+              size="small"
+              @click="deleteHandle2(scope.row.id)"
+              >{{ $t("delete") }}</el-button
+            >
+            <el-button type="text" size="small" @click="showDetail(scope.row)"
+              >展示</el-button
+            >
+            <el-button type="text" size="small" @click="showDocument(scope.row)"
+              >开发文档</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="Number(total)"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle"
+      >
+      </el-pagination>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update
+        :disabled="disabled"
+        v-if="addOrUpdateVisible"
+        ref="addOrUpdate"
+        @refreshDataList="getDataList"
+      ></add-or-update>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from "@/mixins/view-module";
+import AddOrUpdate from "./bsabilityservice-add-or-update";
+import dictionaries from "@/utils/dictionaries";
+import qs from "qs";
+import { type } from "os";
+export default {
+  mixins: [mixinViewModule],
+  data() {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: "/resource/page",
+        getDataListIsPage: true,
+        exportURL: "/ability/bsabilityai/export",
+        deleteURL: "/resource/delete",
+        deleteIsBatch: true,
+      },
+      disabled: false,
+      sceneArr: dictionaries.sceneArr,
+      fieldArr: dictionaries.fieldArr,
+      shareFormArr: dictionaries.shareFormArr,
+      dataForm: {
+        name: "",
+        creator: "",
+        selectType: 0,
+        delFlag: 0,
+        type: "应用资源",
+      },
+      qp: false,
+    };
+  },
+  watch: {},
+  components: {
+    AddOrUpdate,
+  },
+  created() {
+    this.dataForm.name = "";
+    this.dataForm.type = "应用资源";
+  },
+  mounted() {
+    window.addEventListener("resize", this.a);
+    this.fullScreen();
+  },
+  methods: {
+    reset() {
+      this.$http
+        .get(
+          this.mixinViewModuleOptions.getDataListURL +
+            "?" +
+            qs.stringify({
+              // order: this.order,
+              // orderField: this.orderField,
+              // type: '组件服务',
+              page: 1,
+              selectType: 0,
+              limit: 10,
+              delFlag: 0,
+              creator: "",
+              type: "应用资源",
+              name: "",
+            })
+        )
+        .then(({ data: res }) => {
+          this.dataForm.name = "";
+          if (res.code !== 0) {
+            this.dataList = [];
+            this.total = 0;
+            return this.$message.error(res.msg);
+          }
+          this.dataList = this.mixinViewModuleOptions.getDataListIsPage
+            ? res.data.list
+            : res.data;
+          this.total = this.mixinViewModuleOptions.getDataListIsPage
+            ? res.data.total
+            : 0;
+          if (this.mixinViewModuleOptions.requestCallback) {
+            this.mixinViewModuleOptions.requestCallback(res.data);
+          }
+          this.dataListLoading = false;
+        })
+        .catch(() => {
+          this.dataListLoading = false;
+        });
+    },
+    showDetail(val) {
+      this.addOrUpdateVisible = true;
+      this.disabled = false;
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.UpdateState = false;
+        this.$refs.addOrUpdate.dataFormShowDetails = val;
+        this.$refs.addOrUpdate.init();
+      });
+      this.disabled = true;
+    },
+    showDocument(val) {
+      console.log(val);
+      window.open(
+        window.SITE_CONFIG.frontUrl + "?id=" + val.id + "&&type=" + val.type,
+        "_blank"
+      );
+    },
+    findValue(list, type) {
+      const found = list.find((item) => item.attrType === type);
+      if (found) {
+        return found.attrValue;
+      } else {
+        return "暂无数据";
+      }
+    },
+    getDataList2(names) {
+      if (names != null) {
+        this.$http
+          .get(
+            this.mixinViewModuleOptions.getDataListURL +
+              "?" +
+              qs.stringify({
+                // order: this.order,
+                // orderField: this.orderField,
+                // type: '组件服务',
+                pageNum: 1,
+                pageSize: this.limit,
+                type: "应用资源",
+                creator: "",
+                selectType: 0,
+                delFlag: 0,
+                name: names,
+              })
+          )
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              this.dataList = [];
+              this.total = 0;
+              return this.$message.error(res.msg);
+            }
+            if (res.data.list.length !== 0) {
+              this.dataList = res.data.list;
+              this.total = this.mixinViewModuleOptions.getDataListIsPage
+                ? res.data.total
+                : 0;
+              if (this.mixinViewModuleOptions.requestCallback) {
+                this.mixinViewModuleOptions.requestCallback(res.data);
+              }
+              this.dataListLoading = false;
+            } else {
+              this.$message.error("未查询到相关信息");
+              this.reset();
+            }
+          })
+          .catch(() => {
+            this.dataListLoading = false;
+          });
+      } else {
+        this.$message.error("查询不能输入为空");
+      }
+    },
+    fullScreen() {
+      if (window.outerHeight === screen.availHeight) {
+        if (window.outerWidth === screen.availWidth) {
+          console.log(
+            "全屏1",
+            window.outerHeight,
+            screen.availHeight,
+            window.outerWidth,
+            screen.availWidth
+          );
+          this.qp = false;
+        } else {
+          console.log(
+            "不是全屏2",
+            window.outerHeight,
+            screen.availHeight,
+            window.outerWidth,
+            screen.availWidth
+          );
+          this.qp = true;
+        }
+      } else {
+        console.log(
+          "不是全屏3",
+          window.outerHeight,
+          screen.availHeight,
+          window.outerWidth,
+          screen.availWidth
+        );
+        this.qp = true;
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-tooltip__popper {
+  max-width: 50%;
+}
+</style>
diff --git a/back/src/views/modules/canassigncase/upload.vue b/back/src/views/modules/canassigncase/upload.vue
new file mode 100644
index 00000000..432f08cb
--- /dev/null
+++ b/back/src/views/modules/canassigncase/upload.vue
@@ -0,0 +1,104 @@
+<template>
+  <div>
+    <el-upload
+      ref="addUpload"
+      class="upload-demo"
+      :accept='accept'
+      :action="fileUploadUrl"
+      :on-success="onSuccess"
+      :on-remove="onRemove"
+      :on-exceed='onExceed'
+      :limit='limit'
+      :on-preview="onPreview"
+      list-type="text"
+    >
+      <el-button size="small" type="primary">点击上传</el-button>
+      <div slot="tip" class="el-upload__tip">
+        只能上传{{accept}}文件，最多上传{{limit}}个附件！
+      </div>
+    </el-upload>
+  </div>
+</template>
+<script>
+export default {
+  name: '',
+  components: {
+
+  },
+  props: {
+    child: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    limit: {
+      type: Number,
+      default: 1
+    },
+    accept: {
+      type: String,
+      default: '.jpg,.png'
+    }
+  },
+  data () {
+    return {
+      fileUploadUrl: window.SITE_CONFIG.apiURL + '/upload'
+    }
+  },
+  methods: {
+    onSuccess (res, file) {
+      console.log('limit', this.limit)
+      console.log(res, file, this.child)
+      if (res.code !== 0) {
+        return this.$message.error('上传图片失败')
+      }
+      if (this.child.note1 == '') {
+        this.child.note1 = res.data
+      } else {
+        this.child.note1 += (';' + res.data)
+      }
+      // this.dataForm.infoList.map((item, index) => {
+      //   if (item.attrType == '组件图片') {
+      //     if (!this.dataForm.infoList[index].attrValue) {
+      //       this.dataForm.infoList[index].attrValue = res.data
+      //     } else {
+      //       this.dataForm.infoList[index].attrValue += ';' + res.data
+      //     }
+      //     console.log('上传图片', this.dataForm.infoList[index])
+      //   }
+      // })
+    },
+    onRemove (file, fileList) {
+      // this.$refs.addUpload.clearFiles()
+      // 通过;分割字符串
+      const arr = this.child.note1.split(';')
+      fileList.forEach((item, index) => {
+        if (item === file.response.data) {
+          fileList.splice(index, 1)
+        }
+      })
+      arr.forEach((item, index) => {
+        if (item === file.response.data) {
+          arr.splice(index, 1)
+        }
+      })
+      if (arr.length == 0) {
+        this.child.note1 = ''
+      } else {
+        this.child.note1 = arr.join(';')
+      }
+      console.log(this.child.note1)
+    },
+    onPreview (file) {
+      console.log('点击预览===============>', file)
+      window.open(file.response.data)
+    },
+    onExceed (files, fileList) {
+      this.$message.warning('当前附件数量已达上限，请先删除部分附件！')
+    }
+  }
+}
+</script>
+<style lang='scss' scoped>
+</style>
diff --git a/front/src/api/personalCenter.js b/front/src/api/personalCenter.js
index db9b6a2e..8e825bd7 100644
--- a/front/src/api/personalCenter.js
+++ b/front/src/api/personalCenter.js
@@ -78,6 +78,14 @@ export function scInsert(data) {
   })
 }
 
+// 查询浏览列表
+export function getBsList(params) {
+  return request({
+    url: '/resourceBrowse/page',
+    method: 'get',
+    params,
+  })
+}
 // 查询收藏列表
 export function getScList(params) {
   return request({
@@ -86,7 +94,6 @@ export function getScList(params) {
     params,
   })
 }
-
 // 批量取消收藏
 export function scDel(data) {
   return request({
@@ -95,6 +102,14 @@ export function scDel(data) {
     data,
   })
 }
+// 批量取消浏览
+export function BsDel(data) {
+  return request({
+    url: '/resourceBrowse/delete',
+    method: 'delete',
+    data,
+  })
+}
 // 查询我的发布列表
 export function wodepage(params) {
   return request({
diff --git a/front/src/views/capabilityCloud/components/ComponentServices.vue b/front/src/views/capabilityCloud/components/ComponentServices.vue
index ead571ae..7fe4d749 100644
--- a/front/src/views/capabilityCloud/components/ComponentServices.vue
+++ b/front/src/views/capabilityCloud/components/ComponentServices.vue
@@ -277,7 +277,6 @@
     let params = {
       type: name,
     }
-    debugger
     componentServiceRank(params).then((res) => {
       dataList.value = res.data.data
       console.log('res', dataList.value)
@@ -530,12 +529,19 @@
               border: 0.01rem rgba(0, 108, 188, 0.7) solid;
               color: rgba(255, 255, 255, 0.8);
               & > div {
+                height: 0.32rem;
                 & > span {
                   display: inline-block;
                   height: 0.32rem;
                   line-height: 0.32rem;
                   border-right: 0.01rem rgba(0, 108, 188, 0.7) solid;
                   border-bottom: 0.01rem rgba(0, 108, 188, 0.7) solid;
+                  overflow: hidden;
+                  text-overflow: ellipsis;
+                  white-space: nowrap;
+                  -webkit-line-clamp: 1;
+                  -webkit-box-orient: vertical;
+                  word-break: break-all;
                 }
                 & > span:first-child {
                   width: 0.47rem;
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperTrial.vue b/front/src/views/detailsAll/components/Developer/DeveloperTrial.vue
index 35b4286d..464a42d3 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperTrial.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperTrial.vue
@@ -63,7 +63,6 @@
       })
     }
   }
-  const onTrial = ref('http://localhost:8080/#/details?id=1522550194535735298')
   //复制方法
   const copyFunction = (data, name) => {
     let url = data
diff --git a/front/src/views/personalCenter/components/Collection.vue b/front/src/views/personalCenter/components/Collection.vue
index b8f89db6..e7041a24 100644
--- a/front/src/views/personalCenter/components/Collection.vue
+++ b/front/src/views/personalCenter/components/Collection.vue
@@ -372,6 +372,13 @@
       }
     }
   }
+  :deep(.ant-list-item-meta-title) {
+    display: flex;
+    justify-content: space-between;
+    span {
+      margin-right: 0.3rem;
+    }
+  }
   .ant-list::-webkit-scrollbar {
     width: 0 !important;
   }
diff --git a/front/src/views/personalCenter/components/MyBrowse.vue b/front/src/views/personalCenter/components/MyBrowse.vue
new file mode 100644
index 00000000..7cc980a6
--- /dev/null
+++ b/front/src/views/personalCenter/components/MyBrowse.vue
@@ -0,0 +1,447 @@
+<template>
+  <div class="title">我的浏览</div>
+  <div class="sousuokuang">
+    <a-input-search
+      v-model:value="name"
+      placeholder="请输入关键词"
+      enter-button="搜索"
+      size="large"
+      @change="onSearch"
+      @search="getList"
+    />
+    <a-button
+      type="primary"
+      style="width: 80px; height: 36px; margin-left: 10px"
+      @click="clean"
+    >
+      重置
+    </a-button>
+  </div>
+  <div class="tab">
+    <span>筛选</span>
+    <div
+      :class="tabIndex == index ? 'tabclass' : ' '"
+      @click="changeTab(index)"
+      v-for="(item, index) in tabList"
+      :key="index"
+    >
+      {{ item }}
+    </div>
+  </div>
+  <a-list
+    class="demo-loadmore-list"
+    :loading="initLoading"
+    item-layout="horizontal"
+    :data-source="list"
+    :key="showKey"
+  >
+    <template #renderItem="{ item }">
+      <a-list-item>
+        <a-skeleton avatar :title="false" :loading="!!item.loading" active>
+          <a-list-item-meta
+            :description="item.description || '--'"
+            style="position: relative"
+          >
+            <template #title>
+              <span
+                @click="showItem(item.resourceId, item.type, item.delFlag)"
+                style="cursor: pointer"
+                class="name"
+              >
+                {{ item.name }}
+              </span>
+              <span class="time">浏览时间：{{ item.createDate }}</span>
+              <svg
+                t="1652233950228"
+                class="icon"
+                viewBox="0 0 1024 1024"
+                version="1.1"
+                xmlns="http://www.w3.org/2000/svg"
+                p-id="5970"
+                data-spm-anchor-id="a313x.7781069.0.i8"
+                width="50"
+                height="50"
+                v-if="item.delFlag == 4 || item.delFlag == 5"
+                style="position: absolute; top: 0; left: 100px"
+              >
+                <path
+                  d="M955.22053 256C813.82053 11.2 500.72053-72.6 255.92053 68.8S-72.67947 523.2 68.72053 768 523.22053 1096.6 768.02053 955.2c244.7-141.2 328.6-454.1 187.4-698.8 0-0.1-0.1-0.3-0.2-0.4zM762.02053 944.7c-239 138.1-544.8 56.2-682.9-182.8S22.92053 217.1 261.92053 79.1s544.8-56.2 682.9 182.8c137.9 239 56.1 544.6-182.8 682.8z"
+                  fill="#515151"
+                  opacity=".5"
+                  p-id="5971"
+                ></path>
+                <path
+                  d="M898.12053 289.2C775.02053 76 502.42053 2.9 289.22053 126 76.02053 249.1 3.02053 521.6 126.02053 734.8 249.12053 948 521.62053 1021.1 734.82053 898 947.92053 774.9 1021.02053 502.4 898.12053 289.2zM731.62053 892.8C521.32053 1014.3 252.42053 942.2 131.02053 731.9 9.52053 521.6 81.62053 252.7 291.92053 131.3 502.12053 9.9 771.02053 81.8 892.42053 292c121.5 210.3 49.5 479.3-160.8 600.8z"
+                  fill="#515151"
+                  opacity=".5"
+                  p-id="5972"
+                ></path>
+                <path
+                  d="M323.62053 176.8c3.6-2 6 0.8 8.8 2.8 6 4.4 12.4 8.8 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 13.6-5.6 20.8 4.8 6 10 11.6 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.4 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.4-1.9-3.9-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.7-0.8-0.3-1.6 0.6-2zM200.72053 289.2c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 13.6-5.6 20.8 4.8 6 10 11.6 14.8 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.4-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5c-8.4-2-16.8-4.4-25.2-6.4-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 3.6-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.4-1.2 0-1.6 0.8-2.4l0.2 0.4z m276.6-159.6c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 14-5.6 20.8 4.8 6 10 12 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.8-1.2-0.4-1.6 0.4-2.4l0.2 0.4z m141.9 29.6c3.6-2 6 0.8 8.8 2.8l18.8 12.8c7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 14-5.6 20.8 4.8 6 10 12 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4-7.7 0.4-15.2 0.8-22.4 0.8-4.4 6.8-8.4 13.2-12.8 20-1.6 2.4-4 5.1-7.2 4-2.4-1.9-3.9-4.7-4.4-7.7l-7.2-20.5c-8.4-2-16.8-4.4-25.2-6.4-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.5-1.2 0.2-1.6 0.6-2zM150.02053 430c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-4 14-5.6 20.8 4.8 6 10 11.6 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 3.6-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.7-0.8-0.3-1.5 0.6-2z m558.9 414.4c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.1 4.4-0.7 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.5-1.1 0.8-1.1 1.6-1.1h0.1z m-158.8 50c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.1-3.7-5.6-3.6-7.7-4-6.8-1.6-14-3.6-20.8-5.6l-7.7-22c-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2-1 4.2-1.7 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.4-0.8 0.8-0.8 1.7-0.7z m276.5-159.6c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8s-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.2 4.4-0.7 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0-0.8 0.8-1.2 1.6-1.2l0.1 0.1z m45.6-137.6c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-1.6-14-3.6-20.8-5.6l-7.7-22c-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.2-0.7 0.6-0.7 1.4-0.7h0.3zM402.72053 868c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.5-0.8 1-1.1 1.7-1.1z"
+                  fill="#515151"
+                  opacity=".5"
+                  p-id="5973"
+                ></path>
+                <path
+                  d="M386.42053 590.4l-43.8-75.9L207.02053 592.7l10.2 17.7L334.02053 543l23.4 40.4-90.5 52.2-13.5-23.4-18.7 10.8 53.1 92c9.1 15.8 21.2 19.5 36.4 10.7l98.8-57c6.2-3.6 11-9.3 13.4-16.1-1.4-15.9-6.2-31.2-14.2-45l-21.4 4.8c6.7 10.3 11 21.9 12.8 34-1 3.3-3.2 6-6.1 7.8l-88.3 51c-6.2 3.6-11.1 2.1-14.8-4.3l-27.3-47.4 109.3-63.1z m2.9-103.2l10.4 18.1 65.6-37.9 79.9 138.4 18.6-10.8-55.9-96.9c18.8-0.9 43.2-0.6 73 0.7l1.5-23.1c-29.8-0.3-58.4 0.4-86 2.6l-12.5-21.6 74.9-43.2-10.4-18.1-159.1 91.8zM669.52053 329l38.2 66.2 61.4-35.4-38.1-66.1-61.5 35.3z m72.4 24.2l-26.3 15.2-19-33 26.3-15.2 19 33zM599.02053 356.7l7.9 13.7-23.3 13.5 9.8 17 21.8-12.6c7.5 18.7 6.6 39.6-2.5 57.6l20.7 4.4c10.3-23.1 10.3-49.4 0-72.5l18.8-10.9c6 9.2 10.7 19.2 14.2 29.7 0.3 5-2.6 9.7-7.2 11.7-2.9 1.2-6.4 2.8-10.9 4.9l14.1 14.1c3.7-1.3 7.3-2.9 10.7-4.8 8.6-3.9 14.4-12.2 15.2-21.6-5.4-22.1-14.6-43-27.4-61.8l-36.1 20.8-7.9-13.7-17.9 10.5z m29.9 108.1l10 17.4 53.2-30.7c-7.8 23.7-20.6 45.4-37.5 63.6l20.6 11.1c18.6-24.2 30-53.1 33-83.4l29.8 51.5 18.4-10.7-29.8-51.5c27.4 11.5 57.2 16.3 86.9 14.1l3.5-23.5c-24.7 5.1-50.1 5-74.8-0.1l53.5-30.9-10-17.3-69.3 40-7.3-12.6-18.4 10.7L698.02053 425l-69.1 39.8z"
+                  fill="#515151"
+                  opacity=".5"
+                  p-id="5974"
+                ></path>
+              </svg>
+            </template>
+            <template #avatar>
+              <a-checkbox
+                :checked="item.checked"
+                @click.stop="checkedItem(item)"
+                @change="checkedItem(item)"
+              ></a-checkbox>
+            </template>
+          </a-list-item-meta>
+        </a-skeleton>
+      </a-list-item>
+    </template>
+  </a-list>
+  <a-pagination
+    v-model:current="pageNum"
+    v-model:page-size="pageSize"
+    :page-size-options="pageSizeOptions"
+    :total="total"
+    show-size-changer
+    @showSizeChange="onShowSizeChange"
+    @change="pageChange"
+    :key="showKey"
+  >
+    <template #buildOptionText="props">
+      <span>{{ props.value }}条/页</span>
+    </template>
+  </a-pagination>
+  <div class="bottom">
+    <div class="left">
+      <a-checkbox v-model:checked="checkAll" @change="onCheckAllChange">
+        全选
+      </a-checkbox>
+      <a-popconfirm
+        :title="'是否批量删除已选中的' + checkedList.length + '条数据?'"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="delList"
+        @cancel="cancel"
+      >
+        <a-button
+          type="primary"
+          style="width: 70px; height: 32px; margin-left: 10px"
+        >
+          删除
+        </a-button>
+      </a-popconfirm>
+    </div>
+  </div>
+</template>
+<script setup>
+  import { onMounted, ref } from 'vue'
+  import { useRouter } from 'vue-router'
+  import { message } from 'ant-design-vue'
+  import mybus from '@/myplugins/mybus'
+  import { getBsList, BsDel, getTopCategory } from '@/api/personalCenter'
+  const router = useRouter()
+  // 分页
+  const pageNum = ref('1')
+  const pageSize = ref('5')
+  const pageSizeOptions = ref(['5', '10', '20'])
+  const total = ref(0)
+  // 多选框
+  const checkedList = ref([])
+  const checkAll = ref(false)
+  const initLoading = ref(true)
+  const showKey = ref(0)
+  // 筛选条件
+  const name = ref('')
+  const type = ref('')
+  const list = ref([])
+  const tabList = ref([])
+  // 初始化
+  onMounted(() => {
+    getList()
+    getCategory()
+  })
+  // 获取一级编目
+  const getCategory = () => {
+    getTopCategory().then((res) => {
+      console.log('编目一级=============>', res.data)
+      res.data.data.forEach((val) => {
+        // tabList.value.push(val.name)
+        if (val.name == '应用资源' || val.name == '组件服务') {
+          tabList.value.push(val.name)
+        }
+      })
+    })
+  }
+  // 全选按钮
+  const onCheckAllChange = () => {
+    console.log(checkedList)
+    if (checkAll.value) {
+      // checkedList.value = []
+      list.value.forEach((val) => {
+        if (checkedList.value.indexOf(val.id) != -1) {
+          checkedList.value.splice(checkedList.value.indexOf(val.id), 1)
+        }
+        val.checked = true
+        checkedList.value.push(val.id)
+        dataResourceId.value.push(val.id)
+        arr.value.push(val.name)
+      })
+      console.log(checkAll.value)
+    } else {
+      list.value.forEach((val) => {
+        val.checked = false
+        if (checkedList.value.indexOf(val.id) != -1) {
+          checkedList.value.splice(checkedList.value.indexOf(val.id), 1)
+        }
+      })
+      // checkedList.value = []
+      dataResourceId.value = []
+      arr.value = []
+      console.log(checkAll.value)
+    }
+  }
+  // 重置
+  const clean = () => {
+    name.value = ''
+    type.value = ''
+    pageNum.value = '1'
+    pageSize.value = '5'
+    showKey.value++
+    checkAll.value = false
+    getList()
+  }
+  // 获取信息
+  const getList = () => {
+    console.log(name.value)
+
+    getBsList({
+      limit: pageSize.value,
+      page: pageNum.value,
+    }).then((res) => {
+      checkAll.value = true
+      console.log('申购车列表================>', res)
+      initLoading.value = false
+      list.value = []
+      total.value = res.data.data.total
+      res.data.data.list.forEach((val) => {
+        const obj = {
+          loading: false,
+          name: val.resourceDTO.name,
+          id: val.id,
+          checked: false,
+          type: val.resourceDTO.type,
+          resourceId: val.resourceId,
+          createDate: val.createDate,
+          description: val.resourceDTO.description,
+          delFlag: val.resourceDTO.delFlag,
+        }
+        if (checkedList.value.indexOf(val.id) == -1) {
+          checkAll.value = false
+        } else {
+          obj.checked = true
+        }
+        list.value.push(obj)
+      })
+    })
+  }
+  const onShowSizeChange = (current, pageSize) => {
+    console.log(current, pageSize)
+    // pageNum.value = current
+    // pageSize.value = pageSize
+    // getList()
+  }
+  // 切换页数
+  const pageChange = (val) => {
+    pageNum.value = val
+    pageNum.value = val
+    // checkedList.value = []
+    getList()
+  }
+  // 搜索框
+  const onSearch = () => {
+    console.log('search======================>', name.value)
+  }
+
+  //申请id
+  const dataResourceId = ref([])
+
+  const arr = ref([])
+  // 点击多选框
+  const checkedItem = (item) => {
+    checkAll.value = true
+    list.value.forEach((val) => {
+      if (val.id === item.id) {
+        console.log(val)
+        val.checked = !val.checked
+        if (val.checked) {
+          checkedList.value.push(val.id)
+          dataResourceId.value.push(val.id)
+          arr.value.push(val.name)
+        } else {
+          checkedList.value.splice(checkedList.value.indexOf(val.id), 1)
+          dataResourceId.value.splice(checkedList.value.indexOf(val.id), 1)
+          arr.value.splice(arr.value.indexOf(val.name), 1)
+        }
+      }
+      console.log(checkedList.value, val.id)
+      if (checkedList.value.indexOf(val.id) == -1) {
+        checkAll.value = false
+        console.log('不存在', checkAll.value)
+      }
+    })
+    showKey.value++
+  }
+  // 切换筛选条件
+  const tabIndex = ref(-1)
+  const changeTab = (index) => {
+    console.log('tabIndex', tabIndex.value, index, tabList)
+    if (tabIndex.value == index) {
+      tabIndex.value = -1
+      type.value = ''
+    } else {
+      tabIndex.value = index
+      type.value = tabList.value[index]
+    }
+    getList()
+  }
+  // 删除按钮
+  const delList = () => {
+    if (checkedList.value.length == 0) {
+      message.error('请先选择需要操作的数据！')
+    } else {
+      BsDel(checkedList.value).then((res) => {
+        console.log('checkedList.value', checkedList.value)
+        if (res.data.msg === 'success') {
+          message.success('删除成功')
+          console.log('删除申购车列表================>', res)
+          checkAll.value = false
+          checkedList.value = []
+          dataResourceId.value = []
+          pageNum.value = '1'
+          showKey.value++
+          mybus.emit('getSgcNum')
+          getList()
+        }
+      })
+    }
+  }
+  const cancel = (e) => {
+    console.log(e)
+  }
+  // 详情
+  const showItem = (id, type, delFlag) => {
+    if (delFlag == 0) {
+      console.log('进入详情')
+      mybus.emit('tabsChange', { flag: id })
+      router.push({
+        path: '/details',
+        query: {
+          id: id,
+        },
+      })
+    }
+  }
+</script>
+<style lang="less" scoped>
+  .ant-list {
+    height: 540px;
+    overflow-y: scroll;
+    .ant-list-item-meta {
+      align-items: center;
+      :deep(.ant-list-item-meta-avatar) {
+        padding-left: 20px;
+        margin-right: 30px;
+      }
+      .time {
+        margin-left: 30px;
+        font-size: 12px;
+        color: #ccc;
+      }
+      :deep(.ant-list-item-meta-description) {
+        max-height: 44px;
+        overflow: hidden;
+        margin-right: 10px;
+      }
+    }
+    :deep(.ant-list-item-meta-title) {
+      display: flex;
+      justify-content: space-between;
+      span {
+        margin-right: 0.3rem;
+      }
+    }
+  }
+  .ant-list::-webkit-scrollbar {
+    width: 0 !important;
+  }
+  .bottom {
+    margin: 10px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .left span {
+      margin-left: 10px;
+    }
+  }
+  .title {
+    font-size: 20px;
+    color: #000000;
+    font-family: 'Alibaba PuHuiTi';
+    font-weight: 500;
+    margin-top: 20px;
+    margin-left: 20px;
+  }
+  .sousuokuang {
+    margin: 10px 0px 21px 20px;
+    .ant-input-search {
+      max-width: 490px;
+    }
+    :deep(.ant-input) {
+      width: 400px;
+      height: 36px;
+      font-size: 14px;
+      color: #b2b2b2;
+      background: #f5f5f5;
+    }
+    :deep(.ant-input-group-addon) {
+      display: inline-block;
+      margin-left: 10px;
+      .ant-input-search-button {
+        width: 80px;
+        height: 36px;
+        border-radius: 4px;
+        font-size: 14px;
+      }
+    }
+  }
+  .tab {
+    margin-top: 10px;
+    margin-left: 20px;
+    margin-bottom: 10px;
+    display: flex;
+    font-size: 14px;
+    color: #999999;
+    div {
+      width: 70px;
+      height: 24px;
+      border: 1px solid #cccccc;
+      border-radius: 12px;
+      margin-left: 10px;
+      text-align: center;
+      color: #666666;
+      cursor: pointer;
+    }
+    .tabclass {
+      border: 1px solid #0087ff;
+      color: #0087ff;
+    }
+  }
+  .name:hover {
+    color: #0087ff;
+  }
+</style>
diff --git a/front/src/views/personalCenter/components/asideMenu.vue b/front/src/views/personalCenter/components/asideMenu.vue
index 781e2c6e..63351538 100644
--- a/front/src/views/personalCenter/components/asideMenu.vue
+++ b/front/src/views/personalCenter/components/asideMenu.vue
@@ -58,6 +58,12 @@
           imgActive: require('@/assets/personalCenter/collectactive.png'),
           key: 'collect',
         },
+        {
+          title: '我的浏览',
+          img: require('@/assets/personalCenter/recent.png'),
+          imgActive: require('@/assets/personalCenter/recentactive.png'),
+          key: 'recent',
+        },
         {
           title: '我的需求',
           img: require('@/assets/personalCenter/demand.png'),
@@ -70,12 +76,6 @@
           imgActive: require('@/assets/personalCenter/remarkactive.png'),
           key: 'remark',
         },
-        // {
-        //   title: '最近浏览',
-        //   img: require('@/assets/personalCenter/recent.png'),
-        //   imgActive: require('@/assets/personalCenter/recentactive.png'),
-        //   key: 'recent',
-        // },
       ]
       const selectedKeys = ref(['PurchaseVehicle'])
       const type = JSON.parse(window.sessionStorage.getItem('type'))
diff --git a/front/src/views/personalCenter/index.vue b/front/src/views/personalCenter/index.vue
index ffe377d0..aa16b9ab 100644
--- a/front/src/views/personalCenter/index.vue
+++ b/front/src/views/personalCenter/index.vue
@@ -18,6 +18,7 @@
           <collection v-else-if="showFlag === 'collect'"></collection>
           <my-application v-else-if="showFlag === 'demand'"></my-application>
           <my-comments v-else-if="showFlag === 'remark'"></my-comments>
+          <my-browse v-else-if="showFlag === 'recent'"></my-browse>
         </div>
       </article>
     </div>
@@ -32,7 +33,7 @@
   import MyApplication from '@/views/personalCenter/components/MyApplication'
   import MyComments from '@/views/personalCenter/components/MyComments'
   import MyPublish from '@/views/personalCenter/components/MyPublish'
-  // MyPublish.vue
+  import MyBrowse from '@/views/personalCenter/components/MyBrowse'
   import PurchaseVehicle from '@/views/personalCenter/components/PurchaseVehicle'
   import Collection from '@/views/personalCenter/components/Collection'
   import mybus from '@/myplugins/mybus'

From 7b8cdbd0e7c7ff024078a94052c55dcb3dad0bda Mon Sep 17 00:00:00 2001
From: wuhongjian <wuhongjian@hisense.com>
Date: Tue, 21 Jun 2022 17:06:05 +0800
Subject: [PATCH 02/11] =?UTF-8?q?3840*1080=E5=88=87=E6=8D=A2=E9=80=82?=
 =?UTF-8?q?=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/App.vue                          | 11 +++++++++--
 front/src/views/home/components/header.vue |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/front/src/App.vue b/front/src/App.vue
index fb388474..ee08e473 100644
--- a/front/src/App.vue
+++ b/front/src/App.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: hisense.wuhongjian
  * @Date: 2022-05-06 11:12:00
- * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-06-13 17:45:49
+ * @LastEditors: hisense.wuhongjian
+ * @LastEditTime: 2022-06-21 16:59:46
  * @Description: 告诉大家这是什么
 -->
 <template>
@@ -26,4 +26,11 @@
 </script>
 <style lang="less">
   @import '~@/vab/styles/vab.less';
+  #vue-admin-beautiful{
+    max-width: 1920px;
+    max-height: 1080px;
+    margin: auto;
+    height: 100%;
+    position: relative;
+  }
 </style>
diff --git a/front/src/views/home/components/header.vue b/front/src/views/home/components/header.vue
index 84106d79..ecefa67d 100644
--- a/front/src/views/home/components/header.vue
+++ b/front/src/views/home/components/header.vue
@@ -295,7 +295,7 @@
   }
   .home-header {
     height: 0.64rem;
-    width: 100%;
+    // width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;

From 93c156eb9faae3f3c804d003c473a3defc94c5d6 Mon Sep 17 00:00:00 2001
From: wangwei <707714829@qq.com>
Date: Tue, 21 Jun 2022 17:11:44 +0800
Subject: [PATCH 03/11] =?UTF-8?q?=E5=BA=94=E7=94=A8=E8=B5=84=E6=BA=90?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../bscatalogue/applicationResources.vue      | 87 +++++++++++++++++++
 .../modules/bscatalogue/componentServices.vue | 86 ++++++++++++++++++
 .../modules/bscatalogue/dataResources.vue     | 86 ++++++++++++++++++
 .../modules/bscatalogue/infrastructure.vue    | 86 ++++++++++++++++++
 4 files changed, 345 insertions(+)
 create mode 100644 back/src/views/modules/bscatalogue/applicationResources.vue
 create mode 100644 back/src/views/modules/bscatalogue/componentServices.vue
 create mode 100644 back/src/views/modules/bscatalogue/dataResources.vue
 create mode 100644 back/src/views/modules/bscatalogue/infrastructure.vue

diff --git a/back/src/views/modules/bscatalogue/applicationResources.vue b/back/src/views/modules/bscatalogue/applicationResources.vue
new file mode 100644
index 00000000..78396782
--- /dev/null
+++ b/back/src/views/modules/bscatalogue/applicationResources.vue
@@ -0,0 +1,87 @@
+<!-- 应用资源目录编制      
+/bscatalogue/applicationResources -->
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-pay__order">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-input v-model="dataForm.orderId" :placeholder="$t('order.orderId')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="dataForm.userId" :placeholder="$t('order.userId')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <ren-select v-model="dataForm.status" dict-type="order_status" :placeholder="$t('order.status')"></ren-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
+        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+        <el-table-column prop="orderId" :label="$t('order.orderId')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="productName" :label="$t('order.productName')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="payAmount" :label="$t('order.payAmount')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="status" :label="$t('order.status')" header-align="center" align="center">
+          <template slot-scope="scope">
+            {{ $getDictLabel("order_status", scope.row.status) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="payAt" :label="$t('order.payAt')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="createDate" :label="$t('order.createDate')" header-align="center" align="center"></el-table-column>
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.status === 0" type="text" size="small" @click="payHandle(scope.row.orderId)">{{ $t('order.pay') }}</el-button>
+            <el-button v-if="scope.row.status === 0" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+      <!-- 弹窗, 新增 / 修改 -->
+      <!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> -->
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+// import AddOrUpdate from './order-add-or-update'
+import {addDynamicRoute} from "@/router";
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/pay/order/page',
+        getDataListIsPage: true,
+        deleteURL: '/pay/order',
+        deleteIsBatch: true
+      },
+      dataForm: {
+        orderId: '',
+        status: '',
+        userId: ''
+      }
+    }
+  },
+  components: {
+    // AddOrUpdate
+  },
+  methods: {
+    payHandle (orderId) {
+      window.open(`${window.SITE_CONFIG['apiURL']}/pay/alipay/webPay?orderId=` + orderId);
+    }
+  }
+}
+</script>
diff --git a/back/src/views/modules/bscatalogue/componentServices.vue b/back/src/views/modules/bscatalogue/componentServices.vue
new file mode 100644
index 00000000..4f5aa024
--- /dev/null
+++ b/back/src/views/modules/bscatalogue/componentServices.vue
@@ -0,0 +1,86 @@
+<!-- 组件服务目录编制      /bscatalogue/componentServices -->
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-pay__order">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-input v-model="dataForm.orderId" :placeholder="$t('order.orderId')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="dataForm.userId" :placeholder="$t('order.userId')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <ren-select v-model="dataForm.status" dict-type="order_status" :placeholder="$t('order.status')"></ren-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
+        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+        <el-table-column prop="orderId" :label="$t('order.orderId')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="productName" :label="$t('order.productName')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="payAmount" :label="$t('order.payAmount')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="status" :label="$t('order.status')" header-align="center" align="center">
+          <template slot-scope="scope">
+            {{ $getDictLabel("order_status", scope.row.status) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="payAt" :label="$t('order.payAt')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="createDate" :label="$t('order.createDate')" header-align="center" align="center"></el-table-column>
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.status === 0" type="text" size="small" @click="payHandle(scope.row.orderId)">{{ $t('order.pay') }}</el-button>
+            <el-button v-if="scope.row.status === 0" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+      <!-- 弹窗, 新增 / 修改 -->
+      <!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> -->
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+// import AddOrUpdate from './order-add-or-update'
+import {addDynamicRoute} from "@/router";
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/pay/order/page',
+        getDataListIsPage: true,
+        deleteURL: '/pay/order',
+        deleteIsBatch: true
+      },
+      dataForm: {
+        orderId: '',
+        status: '',
+        userId: ''
+      }
+    }
+  },
+  components: {
+    // AddOrUpdate
+  },
+  methods: {
+    payHandle (orderId) {
+      window.open(`${window.SITE_CONFIG['apiURL']}/pay/alipay/webPay?orderId=` + orderId);
+    }
+  }
+}
+</script>
diff --git a/back/src/views/modules/bscatalogue/dataResources.vue b/back/src/views/modules/bscatalogue/dataResources.vue
new file mode 100644
index 00000000..81ce44f8
--- /dev/null
+++ b/back/src/views/modules/bscatalogue/dataResources.vue
@@ -0,0 +1,86 @@
+<!-- 数据资源目录编制      /bscatalogue/dataResources -->
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-pay__order">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-input v-model="dataForm.orderId" :placeholder="$t('order.orderId')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="dataForm.userId" :placeholder="$t('order.userId')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <ren-select v-model="dataForm.status" dict-type="order_status" :placeholder="$t('order.status')"></ren-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
+        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+        <el-table-column prop="orderId" :label="$t('order.orderId')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="productName" :label="$t('order.productName')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="payAmount" :label="$t('order.payAmount')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="status" :label="$t('order.status')" header-align="center" align="center">
+          <template slot-scope="scope">
+            {{ $getDictLabel("order_status", scope.row.status) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="payAt" :label="$t('order.payAt')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="createDate" :label="$t('order.createDate')" header-align="center" align="center"></el-table-column>
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.status === 0" type="text" size="small" @click="payHandle(scope.row.orderId)">{{ $t('order.pay') }}</el-button>
+            <el-button v-if="scope.row.status === 0" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+      <!-- 弹窗, 新增 / 修改 -->
+      <!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> -->
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+// import AddOrUpdate from './order-add-or-update'
+import {addDynamicRoute} from "@/router";
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/pay/order/page',
+        getDataListIsPage: true,
+        deleteURL: '/pay/order',
+        deleteIsBatch: true
+      },
+      dataForm: {
+        orderId: '',
+        status: '',
+        userId: ''
+      }
+    }
+  },
+  components: {
+    // AddOrUpdate
+  },
+  methods: {
+    payHandle (orderId) {
+      window.open(`${window.SITE_CONFIG['apiURL']}/pay/alipay/webPay?orderId=` + orderId);
+    }
+  }
+}
+</script>
diff --git a/back/src/views/modules/bscatalogue/infrastructure.vue b/back/src/views/modules/bscatalogue/infrastructure.vue
new file mode 100644
index 00000000..cc64981f
--- /dev/null
+++ b/back/src/views/modules/bscatalogue/infrastructure.vue
@@ -0,0 +1,86 @@
+<!-- 基础设施目录编制     /bscatalogue/infrastructure -->
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-pay__order">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-input v-model="dataForm.orderId" :placeholder="$t('order.orderId')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="dataForm.userId" :placeholder="$t('order.userId')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <ren-select v-model="dataForm.status" dict-type="order_status" :placeholder="$t('order.status')"></ren-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
+        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+        <el-table-column prop="orderId" :label="$t('order.orderId')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="productName" :label="$t('order.productName')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="payAmount" :label="$t('order.payAmount')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="status" :label="$t('order.status')" header-align="center" align="center">
+          <template slot-scope="scope">
+            {{ $getDictLabel("order_status", scope.row.status) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="payAt" :label="$t('order.payAt')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="createDate" :label="$t('order.createDate')" header-align="center" align="center"></el-table-column>
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.status === 0" type="text" size="small" @click="payHandle(scope.row.orderId)">{{ $t('order.pay') }}</el-button>
+            <el-button v-if="scope.row.status === 0" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+      <!-- 弹窗, 新增 / 修改 -->
+      <!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> -->
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+// import AddOrUpdate from './order-add-or-update'
+import {addDynamicRoute} from "@/router";
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/pay/order/page',
+        getDataListIsPage: true,
+        deleteURL: '/pay/order',
+        deleteIsBatch: true
+      },
+      dataForm: {
+        orderId: '',
+        status: '',
+        userId: ''
+      }
+    }
+  },
+  components: {
+    // AddOrUpdate
+  },
+  methods: {
+    payHandle (orderId) {
+      window.open(`${window.SITE_CONFIG['apiURL']}/pay/alipay/webPay?orderId=` + orderId);
+    }
+  }
+}
+</script>

From f4f955b99e9f4303445a9127c0bdf909ec36ded9 Mon Sep 17 00:00:00 2001
From: wuhongjian <wuhongjian@hisense.com>
Date: Tue, 21 Jun 2022 17:14:59 +0800
Subject: [PATCH 04/11] =?UTF-8?q?=E8=83=BD=E5=8A=9B=E4=BA=91=E5=9B=BE?=
 =?UTF-8?q?=E8=A5=BF=E6=B5=B7=E5=B2=B8=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/capabilityCloud/components/Infrastructure.vue | 4 ++--
 front/src/views/home/components/header.vue                    | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/front/src/views/capabilityCloud/components/Infrastructure.vue b/front/src/views/capabilityCloud/components/Infrastructure.vue
index 1a5b9770..4c2848a0 100644
--- a/front/src/views/capabilityCloud/components/Infrastructure.vue
+++ b/front/src/views/capabilityCloud/components/Infrastructure.vue
@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-19 10:15:33
  * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-06-19 18:45:10
+ * @LastEditTime: 2022-06-21 17:14:35
  * @Description: 告诉大家这是什么
 -->
 <template>
@@ -84,7 +84,7 @@
     }
     getVideoList(params).then((res) => {
               // 赋值
-              myDataList.value[1].sum = res.data.data.total
+              myDataList.value[1].snum = res.data.data.total
             })
 </script>
 <style lang="less" scoped>
diff --git a/front/src/views/home/components/header.vue b/front/src/views/home/components/header.vue
index 3605e21e..9239322c 100644
--- a/front/src/views/home/components/header.vue
+++ b/front/src/views/home/components/header.vue
@@ -297,7 +297,8 @@
   }
   .home-header {
     height: 0.64rem;
-    // width: 100%;
+    width: 100%;
+    max-width: 1920px;
     display: flex;
     justify-content: center;
     align-items: center;

From 2604506734d16138959d7698a7422e9ffb53427d Mon Sep 17 00:00:00 2001
From: wuhongjian <wuhongjian@hisense.com>
Date: Tue, 21 Jun 2022 17:20:46 +0800
Subject: [PATCH 05/11] =?UTF-8?q?=E9=85=8D=E7=BD=AE=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/.gitignore b/.gitignore
index 1d85f8ff..b1d42a94 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,7 +1,4 @@
 back/dist-西海岸-后台管理.zip
-front/public/index.html
-front/public/index.html
 back/public/index.html
 back/dist-西海岸-后台管理-带配置文件.zip
 back/dist-市局-后台管理-带配置文件.zip
-front/public/index.html

From 449ed38a29abce904f0d65564471ec9834c6915e Mon Sep 17 00:00:00 2001
From: wuhongjian <wuhongjian@hisense.com>
Date: Tue, 21 Jun 2022 17:21:40 +0800
Subject: [PATCH 06/11] =?UTF-8?q?=E9=85=8D=E7=BD=AE=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/public/index.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/front/public/index.html b/front/public/index.html
index 9738ab5a..af10b5b8 100644
--- a/front/public/index.html
+++ b/front/public/index.html
@@ -1,8 +1,8 @@
 <!--
  * @Author: hisense.wuhongjian
  * @Date: 2022-03-29 16:45:25
- * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-06-20 18:38:34
+ * @LastEditors: hisense.wuhongjian
+ * @LastEditTime: 2022-06-21 17:21:23
  * @Description: 告诉大家这是什么
 -->
 <!DOCTYPE html>
@@ -65,6 +65,7 @@
     <script type="text/javascript" src="./static/config/basicConfig.js"></script>
     <script type="text/javascript" src="./static/config/mapConfig.js"></script>
     <script type="text/javascript" src="./static/config/footerData.js"></script>
+    <script type="text/javascript" src="./static/config/location.js"></script>
     <!--  ==========地图相关配置========== -->
     <script type="text/javascript" src="./leaflet/libs/leaflet/1.3.1/leaflet.js"></script>
     <script type="text/javascript" src="./static/js/jquery-3.6.0.min.js"></script>

From 0243ef1e0854d31d49378f196eef994edfadb10f Mon Sep 17 00:00:00 2001
From: kongjun <qdkongjun@gmail.com>
Date: Tue, 21 Jun 2022 18:04:15 +0800
Subject: [PATCH 07/11] =?UTF-8?q?=E6=96=B0=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 back/src/views/main.vue                       |   3 -
 .../src/views/modules/ability/bsabilityai.vue | 228 +++++++-------
 back/src/views/modules/sys/user.vue           | 290 +++++++++++++-----
 3 files changed, 325 insertions(+), 196 deletions(-)

diff --git a/back/src/views/main.vue b/back/src/views/main.vue
index 2dd2f26a..612ba48d 100644
--- a/back/src/views/main.vue
+++ b/back/src/views/main.vue
@@ -136,8 +136,5 @@ export default {
 <style scoped lang="scss">
 .aui-content__wrapper {
   margin-left: 266px;
-  .aui-content > .el-tabs > .el-tabs__header {
-    left: 230px;
-  }
 }
 </style>
diff --git a/back/src/views/modules/ability/bsabilityai.vue b/back/src/views/modules/ability/bsabilityai.vue
index e06e60dc..947710db 100644
--- a/back/src/views/modules/ability/bsabilityai.vue
+++ b/back/src/views/modules/ability/bsabilityai.vue
@@ -1,10 +1,7 @@
 <template>
   <el-card shadow="never" class="aui-card--fill">
     <div class="mod-ability__bsabilityai">
-      <el-form
-        :inline="true"
-        :model="dataForm"
-      >
+      <el-form :inline="true" :model="dataForm">
         <el-form-item>
           <el-input
             v-model="dataForm.name"
@@ -13,7 +10,7 @@
           ></el-input>
         </el-form-item>
         <el-form-item>
-          <el-button @click="getDataList2(dataForm.name)">{{
+          <el-button type="primary" @click="getDataList2(dataForm.name)">{{
             $t("query")
           }}</el-button>
         </el-form-item>
@@ -49,7 +46,7 @@
         :height="qp ? '650px' : '650px'"
         border
         @selection-change="dataListSelectionChangeHandle"
-        style="width: 100%;"
+        style="width: 100%"
       >
         <el-table-column
           type="selection"
@@ -71,9 +68,7 @@
           align="center"
         >
           <template slot-scope="scope">
-            {{
-              findValue(scope.row.infoList, item.attrType)
-            }}
+            {{ findValue(scope.row.infoList, item.attrType) }}
           </template>
         </af-table-column>
         <el-table-column
@@ -129,187 +124,196 @@
 </template>
 
 <script>
-import mixinViewModule from '@/mixins/view-module'
-import AddOrUpdate from './bsabilityai-add-or-update'
-import dictionaries from '@/utils/dictionaries'
-import qs from 'qs'
+import mixinViewModule from "@/mixins/view-module";
+import AddOrUpdate from "./bsabilityai-add-or-update";
+import dictionaries from "@/utils/dictionaries";
+import qs from "qs";
 export default {
   mixins: [mixinViewModule],
-  data () {
+  data() {
     return {
       mixinViewModuleOptions: {
-        getDataListURL: '/resource/page',
+        getDataListURL: "/resource/page",
         getDataListIsPage: true,
-        exportURL: '/ability/bsabilityai/export',
-        deleteURL: '/resource/delete',
-        deleteIsBatch: true
+        exportURL: "/ability/bsabilityai/export",
+        deleteURL: "/resource/delete",
+        deleteIsBatch: true,
       },
       disabled: false,
       sceneArr: dictionaries.sceneArr,
       fieldArr: dictionaries.fieldArr,
       shareFormArr: dictionaries.shareFormArr,
       dataForm: {
-        name: '',
-        creator: '',
+        name: "",
+        creator: "",
         delFlag: 0,
         selectType: 0,
-        type: '组件服务'
+        type: "组件服务",
       },
-      qp: false
-    }
+      qp: false,
+    };
   },
   watch: {},
   components: {
-    AddOrUpdate
+    AddOrUpdate,
   },
-  created () {
-    this.dataForm.name = ''
-    this.dataForm.type = '组件服务'
+  created() {
+    this.dataForm.name = "";
+    this.dataForm.type = "组件服务";
   },
-  mounted () {
-    window.addEventListener('resize', this.a)
-    this.fullScreen()
+  mounted() {
+    window.addEventListener("resize", this.a);
+    this.fullScreen();
   },
   methods: {
-    reset () {
-      this.$http.get(
-        this.mixinViewModuleOptions.getDataListURL + '?' + qs.stringify({
-          // order: this.order,
-          // orderField: this.orderField,
-          // type: '组件服务',
-          page: 1,
-          limit: 10,
-          creator: '',
-          selectType: 0,
-          delFlag: 0,
-          type: '组件服务',
-          name: ''
-        })
-      )
+    reset() {
+      this.$http
+        .get(
+          this.mixinViewModuleOptions.getDataListURL +
+            "?" +
+            qs.stringify({
+              // order: this.order,
+              // orderField: this.orderField,
+              // type: '组件服务',
+              page: 1,
+              limit: 10,
+              creator: "",
+              selectType: 0,
+              delFlag: 0,
+              type: "组件服务",
+              name: "",
+            })
+        )
         .then(({ data: res }) => {
-          this.dataForm.name = ''
+          this.dataForm.name = "";
           if (res.code !== 0) {
-            this.dataList = []
-            this.total = 0
-            return this.$message.error(res.msg)
+            this.dataList = [];
+            this.total = 0;
+            return this.$message.error(res.msg);
           }
           this.dataList = this.mixinViewModuleOptions.getDataListIsPage
             ? res.data.list
-            : res.data
+            : res.data;
           this.total = this.mixinViewModuleOptions.getDataListIsPage
             ? res.data.total
-            : 0
+            : 0;
           if (this.mixinViewModuleOptions.requestCallback) {
-            this.mixinViewModuleOptions.requestCallback(res.data)
+            this.mixinViewModuleOptions.requestCallback(res.data);
           }
-          this.dataListLoading = false
+          this.dataListLoading = false;
         })
         .catch(() => {
-          this.dataListLoading = false
-        })
+          this.dataListLoading = false;
+        });
     },
-    findValue (list, type) {
-      const found = list.find(item => item.attrType === type)
+    findValue(list, type) {
+      const found = list.find((item) => item.attrType === type);
       if (found) {
-        return found.attrValue
+        return found.attrValue;
       } else {
-        return '暂无数据'
+        return "暂无数据";
       }
     },
-    showDetail (val) {
+    showDetail(val) {
       // this.addOrUpdateHandle(id)
-      this.addOrUpdateVisible = true
-      this.disabled = false
-      console.log('显示数据=============》', val)
+      this.addOrUpdateVisible = true;
+      this.disabled = false;
+      console.log("显示数据=============》", val);
       this.$nextTick(() => {
-        this.$refs.addOrUpdate.UpdateState = false
-        this.$refs.addOrUpdate.dataFormShowDetails = val
-        this.$refs.addOrUpdate.init()
-      })
-      this.disabled = true
+        this.$refs.addOrUpdate.UpdateState = false;
+        this.$refs.addOrUpdate.dataFormShowDetails = val;
+        this.$refs.addOrUpdate.init();
+      });
+      this.disabled = true;
     },
-    showDocument (val) {
-      console.log(val)
-      window.open(window.SITE_CONFIG.frontUrl + '?id=' + val.id + '&&type=' + val.type, '_blank')
+    showDocument(val) {
+      console.log(val);
+      window.open(
+        window.SITE_CONFIG.frontUrl + "?id=" + val.id + "&&type=" + val.type,
+        "_blank"
+      );
     },
-    getDataList2 (names) {
+    getDataList2(names) {
       if (names != null) {
-        this.$http.get(
-          this.mixinViewModuleOptions.getDataListURL + '?' + qs.stringify({
-          // order: this.order,
-          // orderField: this.orderField,
-          // type: '组件服务',
-            pageNum: 1,
-            pageSize: this.limit,
-            type: '组件服务',
-            creator: '',
-            selectType: 0,
-            delFlag: 0,
-            name: names
-          })
-        )
+        this.$http
+          .get(
+            this.mixinViewModuleOptions.getDataListURL +
+              "?" +
+              qs.stringify({
+                // order: this.order,
+                // orderField: this.orderField,
+                // type: '组件服务',
+                pageNum: 1,
+                pageSize: this.limit,
+                type: "组件服务",
+                creator: "",
+                selectType: 0,
+                delFlag: 0,
+                name: names,
+              })
+          )
           .then(({ data: res }) => {
-            console.log('res', res)
+            console.log("res", res);
             if (res.code !== 0) {
-              this.dataList = []
-              this.total = 0
-              return this.$message.error(res.msg)
+              this.dataList = [];
+              this.total = 0;
+              return this.$message.error(res.msg);
             }
             if (res.data.list.length !== 0) {
-              this.dataList = res.data.list
+              this.dataList = res.data.list;
               this.total = this.mixinViewModuleOptions.getDataListIsPage
                 ? res.data.total
-                : 0
+                : 0;
               if (this.mixinViewModuleOptions.requestCallback) {
-                this.mixinViewModuleOptions.requestCallback(res.data)
+                this.mixinViewModuleOptions.requestCallback(res.data);
               }
-              this.dataListLoading = false
+              this.dataListLoading = false;
             } else {
-              this.$message.error('未查询到相关信息')
-              this.reset()
+              this.$message.error("未查询到相关信息");
+              this.reset();
             }
           })
           .catch(() => {
-            this.dataListLoading = false
-          })
+            this.dataListLoading = false;
+          });
       } else {
-        this.$message.error('查询信息不能为空')
+        this.$message.error("查询信息不能为空");
       }
     },
-    fullScreen () {
+    fullScreen() {
       if (window.outerHeight === screen.availHeight) {
         if (window.outerWidth === screen.availWidth) {
           console.log(
-            '全屏1',
+            "全屏1",
             window.outerHeight,
             screen.availHeight,
             window.outerWidth,
             screen.availWidth
-          )
-          this.qp = false
+          );
+          this.qp = false;
         } else {
           console.log(
-            '不是全屏2',
+            "不是全屏2",
             window.outerHeight,
             screen.availHeight,
             window.outerWidth,
             screen.availWidth
-          )
-          this.qp = true
+          );
+          this.qp = true;
         }
       } else {
         console.log(
-          '不是全屏3',
+          "不是全屏3",
           window.outerHeight,
           screen.availHeight,
           window.outerWidth,
           screen.availWidth
-        )
-        this.qp = true
+        );
+        this.qp = true;
       }
-    }
-  }
-}
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
 .el-tooltip__popper {
diff --git a/back/src/views/modules/sys/user.vue b/back/src/views/modules/sys/user.vue
index cbb91933..bd4a4be4 100644
--- a/back/src/views/modules/sys/user.vue
+++ b/back/src/views/modules/sys/user.vue
@@ -1,32 +1,75 @@
 <template>
   <el-card shadow="never" class="aui-card--fill">
     <div class="mod-sys__user">
-      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+      <el-form
+        :inline="true"
+        :model="dataForm"
+        @keyup.enter.native="getDataList()"
+      >
         <el-form-item>
-          <el-input v-model="dataForm.username" :placeholder="$t('user.username')" clearable></el-input>
+          <el-input
+            v-model="dataForm.username"
+            :placeholder="$t('user.username')"
+            clearable
+          ></el-input>
         </el-form-item>
         <el-form-item>
-          <ren-select v-model="dataForm.gender" dict-type="gender" :placeholder="$t('user.gender')"></ren-select>
+          <ren-select
+            v-model="dataForm.gender"
+            dict-type="gender"
+            :placeholder="$t('user.gender')"
+          ></ren-select>
         </el-form-item>
         <el-form-item>
-          <el-select v-model="dataForm.postId" :placeholder="$t('user.postIdList')" clearable>
-            <el-option :label="data.postName" v-for="data in postList" :key="data.id" :value ="data.id">{{data.postName}}</el-option>
+          <el-select
+            v-model="dataForm.postId"
+            :placeholder="$t('user.postIdList')"
+            clearable
+          >
+            <el-option
+              :label="data.postName"
+              v-for="data in postList"
+              :key="data.id"
+              :value="data.id"
+              >{{ data.postName }}</el-option
+            >
           </el-select>
         </el-form-item>
         <el-form-item>
-          <ren-dept-tree v-model="dataForm.deptId" :placeholder="$t('dept.title')" :query="true"></ren-dept-tree>
+          <ren-dept-tree
+            v-model="dataForm.deptId"
+            :placeholder="$t('dept.title')"
+            :query="true"
+          ></ren-dept-tree>
         </el-form-item>
         <el-form-item>
-          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+          <el-button type="primary" @click="getDataList()">{{
+            $t("query")
+          }}</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button v-if="$hasPermission('sys:user:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+          <el-button
+            v-if="$hasPermission('sys:user:save')"
+            type="primary"
+            @click="addOrUpdateHandle()"
+            >{{ $t("add") }}</el-button
+          >
         </el-form-item>
         <el-form-item>
-          <el-button v-if="$hasPermission('sys:user:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+          <el-button
+            v-if="$hasPermission('sys:user:delete')"
+            type="danger"
+            @click="deleteHandle()"
+            >{{ $t("deleteBatch") }}</el-button
+          >
         </el-form-item>
         <el-form-item>
-          <el-button v-if="$hasPermission('sys:user:export')" type="info" @click="exportHandle()">{{ $t('export') }}</el-button>
+          <el-button
+            v-if="$hasPermission('sys:user:export')"
+            type="info"
+            @click="exportHandle()"
+            >{{ $t("export") }}</el-button
+          >
         </el-form-item>
         <el-form-item>
           <el-button @click="reset()">重置</el-button>
@@ -38,28 +81,97 @@
         border
         @selection-change="dataListSelectionChangeHandle"
         @sort-change="dataListSortChangeHandle"
-        style="width: 100%;">
-        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
-        <el-table-column prop="username" :label="$t('user.username')" sortable="custom" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="deptName" :label="$t('user.deptName')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="email" :label="$t('user.email')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="mobile" :label="$t('user.mobile')" sortable="custom" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="gender" :label="$t('user.gender')" sortable="custom" header-align="center" align="center">
+        style="width: 100%"
+      >
+        <el-table-column
+          type="selection"
+          header-align="center"
+          align="center"
+          width="50"
+        ></el-table-column>
+        <el-table-column
+          prop="username"
+          :label="$t('user.username')"
+          sortable="custom"
+          header-align="center"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="deptName"
+          :label="$t('user.deptName')"
+          header-align="center"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="email"
+          :label="$t('user.email')"
+          header-align="center"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="mobile"
+          :label="$t('user.mobile')"
+          sortable="custom"
+          header-align="center"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="gender"
+          :label="$t('user.gender')"
+          sortable="custom"
+          header-align="center"
+          align="center"
+        >
           <template slot-scope="scope">
             {{ $getDictLabel("gender", scope.row.gender) }}
           </template>
         </el-table-column>
-        <el-table-column prop="status" :label="$t('user.status')" sortable="custom" header-align="center" align="center">
+        <el-table-column
+          prop="status"
+          :label="$t('user.status')"
+          sortable="custom"
+          header-align="center"
+          align="center"
+        >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.status === 0" size="small" type="danger">{{ $t('user.status0') }}</el-tag>
-            <el-tag v-else size="small" type="success">{{ $t('user.status1') }}</el-tag>
+            <el-tag v-if="scope.row.status === 0" size="small" type="danger">{{
+              $t("user.status0")
+            }}</el-tag>
+            <el-tag v-else size="small" type="success">{{
+              $t("user.status1")
+            }}</el-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="createDate" :label="$t('user.createDate')" sortable="custom" header-align="center" align="center" width="180"></el-table-column>
-        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+        <el-table-column
+          prop="createDate"
+          :label="$t('user.createDate')"
+          sortable="custom"
+          header-align="center"
+          align="center"
+          width="180"
+        ></el-table-column>
+        <el-table-column
+          :label="$t('handle')"
+          fixed="right"
+          header-align="center"
+          align="center"
+          width="150"
+        >
           <template slot-scope="scope">
-            <el-button v-if="$hasPermission('sys:user:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
-            <el-button v-if="$hasPermission('sys:user:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+            <el-button
+              v-if="$hasPermission('sys:user:update')"
+              type="text"
+              size="small"
+              @click="addOrUpdateHandle(scope.row.id)"
+              >{{ $t("update") }}</el-button
+            >
+            <el-button
+              v-if="$hasPermission('sys:user:delete')"
+              type="text"
+              size="small"
+              @click="deleteHandle(scope.row.id)"
+              >{{ $t("delete") }}</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
@@ -70,84 +182,100 @@
         :total="total"
         layout="total, sizes, prev, pager, next, jumper"
         @size-change="pageSizeChangeHandle"
-        @current-change="pageCurrentChangeHandle">
+        @current-change="pageCurrentChangeHandle"
+      >
       </el-pagination>
       <!-- 弹窗, 新增 / 修改 -->
-      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+      <add-or-update
+        v-if="addOrUpdateVisible"
+        ref="addOrUpdate"
+        @refreshDataList="getDataList"
+      ></add-or-update>
     </div>
   </el-card>
 </template>
 
 <script>
-import mixinViewModule from '@/mixins/view-module'
-import AddOrUpdate from './user-add-or-update'
-import qs from 'qs'
+import mixinViewModule from "@/mixins/view-module";
+import AddOrUpdate from "./user-add-or-update";
+import qs from "qs";
 export default {
   mixins: [mixinViewModule],
-  data () {
+  data() {
     return {
       mixinViewModuleOptions: {
-        getDataListURL: '/sys/user/page',
+        getDataListURL: "/sys/user/page",
         getDataListIsPage: true,
-        deleteURL: '/sys/user',
+        deleteURL: "/sys/user",
         deleteIsBatch: true,
-        exportURL: '/sys/user/export'
+        exportURL: "/sys/user/export",
       },
       postList: [],
       dataForm: {
-        username: '',
-        deptId: '',
-        postId: '',
-        gender: ''
-      }
-    }
+        username: "",
+        deptId: "",
+        postId: "",
+        gender: "",
+      },
+    };
   },
   components: {
-    AddOrUpdate
+    AddOrUpdate,
   },
-  created () {
-    this.getPostList()
+  created() {
+    this.getPostList();
   },
   methods: {
-    reset () {
-      this.$http.get(
-        this.mixinViewModuleOptions.getDataListURL + '?' + qs.stringify({
-          page: 1,
-          limit: 10,
-          username: '',
-          deptId: '',
-          postId: '',
-          gender: ''
+    reset() {
+      this.$http
+        .get(
+          this.mixinViewModuleOptions.getDataListURL +
+            "?" +
+            qs.stringify({
+              page: 1,
+              limit: 10,
+              username: "",
+              deptId: "",
+              postId: "",
+              gender: "",
+            })
+        )
+        .then(({ data: res }) => {
+          this.dataForm.username = "";
+          this.dataForm.deptId = "";
+          this.dataForm.postId = "";
+          this.dataForm.gender = "";
+          if (res.code !== 0) {
+            this.dataList = [];
+            this.total = 0;
+            return this.$message.error(res.msg);
+          }
+          this.dataList = this.mixinViewModuleOptions.getDataListIsPage
+            ? res.data.list
+            : res.data;
+          this.total = this.mixinViewModuleOptions.getDataListIsPage
+            ? res.data.total
+            : 0;
+          if (this.mixinViewModuleOptions.requestCallback) {
+            this.mixinViewModuleOptions.requestCallback(res.data);
+          }
+          this.dataListLoading = false;
         })
-
-      ).then(({ data: res }) => {
-        this.dataForm.username = ''
-        this.dataForm.deptId = ''
-        this.dataForm.postId = ''
-        this.dataForm.gender = ''
-        if (res.code !== 0) {
-          this.dataList = []
-          this.total = 0
-          return this.$message.error(res.msg)
-        }
-        this.dataList = this.mixinViewModuleOptions.getDataListIsPage ? res.data.list : res.data
-        this.total = this.mixinViewModuleOptions.getDataListIsPage ? res.data.total : 0
-        if (this.mixinViewModuleOptions.requestCallback) {
-          this.mixinViewModuleOptions.requestCallback(res.data)
-        }
-        this.dataListLoading = false
-      }).catch(() => {
-        this.dataListLoading = false
-      })
+        .catch(() => {
+          this.dataListLoading = false;
+        });
     },
-    getPostList () {
-      this.$http.get('/sys/post/list').then(({ data: res }) => {
-        if (res.code !== 0) {
-          return this.$message.error(res.msg)
-        }
-        this.postList = res.data
-      }).catch(() => {})
-    }
-  }
-}
+    getPostList() {
+      this.$http
+        .get("/sys/post/list")
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          }
+          this.postList = res.data;
+        })
+        .catch(() => {});
+    },
+  },
+};
 </script>

From f1b5f9ee574e4917b89a166fc8c9181afa0a31dd Mon Sep 17 00:00:00 2001
From: gaoyuanwei <2826352639@qq.com>
Date: Tue, 21 Jun 2022 18:26:40 +0800
Subject: [PATCH 08/11] =?UTF-8?q?=E4=B8=89=E6=96=B9=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/public/static/config/location.js       |  68 +-
 front/src/views/home/DetailsPageconetent.vue | 723 ++++++++++++++++++-
 2 files changed, 744 insertions(+), 47 deletions(-)

diff --git a/front/public/static/config/location.js b/front/public/static/config/location.js
index 50aebc14..14710547 100644
--- a/front/public/static/config/location.js
+++ b/front/public/static/config/location.js
@@ -1,32 +1,23 @@
 /*
  * @Author: hisense.wuhongjian
  * @Date: 2020-07-07 16:03:23
- * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-06-21 16:58:56
+ * @LastEditors: hisense.wuhongjian
+ * @LastEditTime: 2022-04-01 10:51:45
  * @Description: 数据资源参数配置
  */
-const newLocation = 'qingdao'
+// const newLocation = 'qingdao'
 // const newLocation = 'baotou'
-// const newLocation = 'xihaian'
+const newLocation = 'xihaian'
 
 // 数据资源数据
+const whoShow = {}
 const launchedDataNumObject = {}
 // 导航数据
 const navListManagement = {}
 // qingdao
 if (newLocation === 'qingdao') {
   // 数据资源数据
-  launchedDataNumObject.launchedDataNum = [
-    {
-      num: 10374,
-    },
-    {
-      num: 1080,
-    },
-    {
-      num: 976,
-    },
-  ]
+  whoShow.itShowQingDao = true
   // 导航数据
   navListManagement.navList = [
     { name: '共享门户', key: 'home' },
@@ -44,34 +35,7 @@ if (newLocation === 'qingdao') {
 // baotou
 else if (newLocation === 'baotou') {
   // 数据资源数据
-  launchedDataNumObject.launchedDataNum = [
-    {
-      num: 10373,
-    },
-    {
-      num: 1080,
-    },
-    {
-      num: 976,
-    },
-  ]
-  // 导航数据
-  navListManagement.navList = [
-    { name: '共享门户', key: 'home' },
-    { name: '能力集市', key: 'DetailsPageconetent' },
-    { name: '能力云图', key: 'capabilityCloud' },
-    { name: '能力统计', key: 'abilityStatistics' },
-    { name: '开发指南', key: 'developmentGuide' },
-    { name: '需求中心', key: 'demandCenter' },
-    // { name: '个人中心', key: 'personalCenter' },
-    // { name: '区市站点', key: 'mapTest' },
-    // { name: '后台管理', key: 'houtaiguanli' },
-    { name: '赋能案例', key: 'assignCase' },
-  ]
-}
-// xihaian
-else if (newLocation === 'xihaian') {
-  // 数据资源数据
+  whoShow.itShowBaoTou = true
   launchedDataNumObject.launchedDataNum = [
     {
       num: 10372,
@@ -97,3 +61,21 @@ else if (newLocation === 'xihaian') {
     { name: '赋能案例', key: 'assignCase' },
   ]
 }
+// xihaian
+else if (newLocation === 'xihaian') {
+  // 数据资源数据
+  whoShow.itShowXiHaiAn = true
+  // 导航数据
+  navListManagement.navList = [
+    { name: '共享门户', key: 'home' },
+    { name: '能力集市', key: 'DetailsPageconetent' },
+    { name: '能力云图', key: 'capabilityCloud' },
+    { name: '能力统计', key: 'abilityStatistics' },
+    { name: '开发指南', key: 'developmentGuide' },
+    { name: '需求中心', key: 'demandCenter' },
+    // { name: '个人中心', key: 'personalCenter' },
+    // { name: '区市站点', key: 'mapTest' },
+    // { name: '后台管理', key: 'houtaiguanli' },
+    { name: '赋能案例', key: 'assignCase' },
+  ]
+}
diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index fb3cb500..53389403 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -1,5 +1,713 @@
 <template>
-  <div class="details-pageconetent">
+  <!-- 青岛 -->
+
+  <div class="details-pageconetent" v-if="whoShow1 && whoShow1.itShowQingDao">
+    <home-header></home-header>
+    <div class="details-pageconetent-left">
+      <detailsPageconetentTree />
+    </div>
+    <div class="top" v-if="Cardsname != '知识库'">
+      <div class="top-title">
+        <div
+          v-for="item in titleName"
+          :key="item.name"
+          :class="item.name === Cardsname ? 'sel' : ''"
+          @click="changeCards(item.name)"
+        >
+          <span
+            class="photo"
+            :style="{
+              backgroundImage: `url(${item.photo}) `,
+              backgroundSize: 'cover',
+            }"
+          ></span>
+          <span>{{ item.name }}</span>
+        </div>
+      </div>
+      <div
+        v-show="Cardsname !== '基础设施' && Cardsname !== '数据资源'"
+        class="resultListSearchInput-father"
+      >
+        <div class="resultListSearchInput-son">
+          模糊搜索
+          <a-input-search
+            v-model:value="searchValue"
+            placeholder="请输入关键词"
+            enter-button="搜索"
+            size="large"
+            @search="getAppResources"
+            @change="onSearch"
+            class="resultListSearchInput"
+          />
+          <button class="button-reset" @click="chongzhi()">重置</button>
+          <div class="hengxian"></div>
+        </div>
+      </div>
+      <div class="top-content-father" :key="listKey">
+        <template
+          v-if="
+            Cardsname == '组件服务' ||
+            Cardsname == '应用资源' ||
+            Cardsname == ''
+          "
+        >
+          <div class="top-content-son">
+            <div
+              v-for="(item, index) in ListContent.records"
+              :key="index"
+              class="top-content"
+            >
+              <span class="top-content-title">
+                {{ item.name }}
+              </span>
+              <div
+                class="leixingsumfather"
+                :class="!item.shrinkFlag ? 'shrink' : ''"
+              >
+                <div
+                  v-for="(item2, index2) in item.typeList"
+                  :key="index2"
+                  class="leixingsum"
+                >
+                  <a-checkable-tag
+                    :checked="
+                      item.selectedTags &&
+                      item.selectedTags.indexOf(item2.dict_label) !== -1
+                    "
+                    @change="
+                      (checked) => handleChange(item2, checked, item.name)
+                    "
+                  >
+                    {{ item2.dict_label }}
+                  </a-checkable-tag>
+                </div>
+              </div>
+              <div
+                class="shrinkTag"
+                v-if="item.showShrink"
+                :key="item.shrinkFlag"
+              >
+                <up-outlined
+                  v-show="!item.shrinkFlag"
+                  @click="changeShrink(item.name)"
+                />
+                <down-outlined
+                  v-show="item.shrinkFlag"
+                  @click="changeShrink(item.name)"
+                />
+              </div>
+            </div>
+            <div class="top-content">
+              <span class="top-content-title">共享条件</span>
+              <div class="leixingsumfather">
+                <div class="leixingsum">
+                  <a-checkable-tag
+                    :checked="tagFlag == '申请'"
+                    @change="() => chagneTag('申请')"
+                  >
+                    申请
+                  </a-checkable-tag>
+                  <a-checkable-tag
+                    :checked="tagFlag == '免批申请'"
+                    @change="() => chagneTag('免批申请')"
+                  >
+                    免批申请
+                  </a-checkable-tag>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+      </div>
+      <searchResultList
+        v-show="resourceList.data?.length > 0 && Cardsname !== '基础设施'"
+        :key="listKey2"
+        :resourceList="resourceList"
+        :resourceTotal="resourceTotal"
+        :select-cardsname="Cardsname"
+      />
+      <div class="pagination">
+        <a-pagination
+          v-if="resourceList.data?.length > 0 && Cardsname !== '基础设施'"
+          v-model:current="currentPage"
+          v-model:pageSize="currentPageSize"
+          show-size-changer
+          show-less-items
+          show-quick-jumper
+          :total="resourceTotal"
+          :page-size-options="pageSizeOptions"
+          @change="pageChange"
+          @showSizeChange="onShowSizeChange"
+        />
+      </div>
+      <div class="jichusheshi" v-if="Cardsname == '基础设施'">
+        <!-- <div class="yunziyuan">
+          <div class="yunziyuan-title">
+            <div class="tupian"></div>
+            <div class="title" @click="dianjitiaozhaun('青岛市云资源管理平台')">
+              青岛市云资源管理平台
+            </div>
+          </div>
+          <div class="fenlei">
+            <div>可用资源情况</div>
+            <div>更新时间：2020-10-29</div>
+          </div>
+          <div class="keyongziyuan">
+            <div v-for="item in keyongziyuanqingkaung" :key="item">
+              <div>{{ item.name }}</div>
+              <div>{{ item.value }}</div>
+            </div>
+          </div>
+          <div class="shuoming">
+            说明：政务云资源目前通过青岛市云资源管理平台进行申请
+          </div>
+        </div> -->
+        <!-- <div class="shipin">
+          <div class="shipin-title">
+            <div class="tupian"></div>
+            <div
+              class="title"
+              @click="dianjitiaozhaun('青岛市视频资源管理平台')"
+            >
+              青岛市视频资源管理平台
+            </div>
+          </div>
+          <div class="fenlei">
+            <div>
+              视频总数：
+              <span class="shuzi">23</span>
+              万路
+            </div>
+            <div>更新时间：2022-05-06</div>
+          </div>
+          <div class="top-content-father">
+            <div class="top-content-son">
+              <div class="top-content">
+                <span class="top-content-title" :style="{ marginRight: '.08rem' }">
+                  标签
+                </span>
+                <div
+                  class="leixingsumfather leixingsumfather2"
+                  style="height: unset"
+                >
+                  <div class="leixingsum" v-for="tag in bqTags" :key="tag">
+                    <a-checkable-tag
+                      :checked="selBqTags.indexOf(tag) > -1"
+                      @change="(checked) => handleChangeBqTags(tag, checked)"
+                      style="width: 1rem"
+                    >
+                      {{ tag }}
+                    </a-checkable-tag>
+                  </div>
+                </div>
+              </div>
+              <div class="top-content">
+                <span class="top-content-title" :style="{ marginRight: '.08rem' }">
+                  在线状态
+                </span>
+                <div class="leixingsumfather leixingsumfather2">
+                  <div class="leixingsum" v-for="tag in stateTags" :key="tag">
+                    <a-checkable-tag
+                      :checked="selStateTags.indexOf(tag) > -1"
+                      @change="(checked) => handleChangeStateTag(tag, checked)"
+                      style="width: 1rem"
+                    >
+                      {{ tag }}
+                    </a-checkable-tag>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <a-input-search
+            v-model:value="searchValue"
+            placeholder="请输入关键词"
+            enter-button="搜索"
+            size="large"
+            @search="getAppResources"
+            @change="onSearch"
+            class="resultListSearchInput"
+          />
+          <button class="button-reset" @click="chongzhi()">重置</button>
+          <div class="itemList" style="margin-top: .2rem">
+            <a-card :loading="loading">
+              <a-card-grid
+                style="width: 20%; text-align: center"
+                v-for="item in videoList.data"
+                :key="item.id"
+              >
+                <a-tooltip placement="topLeft">
+                  <template #title>
+                    <span>
+                      {{ item.name }}
+                    </span>
+                  </template>
+                  <video-camera-outlined />
+                  {{ item.name }}
+                </a-tooltip>
+              </a-card-grid>
+            </a-card>
+            <a-pagination
+              v-model:current="currentPage"
+              pageSize="20"
+              :total="resourceTotal"
+              show-less-items
+              @change="pageChange"
+              hideOnSinglePage
+            />
+          </div>
+        </div> -->
+        <VideoSurveillance></VideoSurveillance>
+      </div>
+      <div class="shujuziyuan" v-if="Cardsname == '数据资源'">
+        <div class="yunziyuan">
+          <div class="yunziyuan-title">
+            <div class="tupian"></div>
+            <div
+              class="title"
+              @click="dianjitiaozhaun('青岛市政务资源管理平台')"
+            >
+              青岛市政务资源管理平台{{ dataShowdev }}
+            </div>
+          </div>
+          <div class="keyongziyuan">
+            <div v-for="item in shujuziyuanqingkuang" :key="item">
+              <div>{{ item.name }}</div>
+              <div>{{ item.value }}</div>
+              {{ item.danwei }}
+            </div>
+          </div>
+          <div class="shuoming">
+            说明：数据资源目前通过青岛市政务信息网进行申请
+          </div>
+        </div>
+      </div>
+      <div v-if="resourceList.data?.length <= 0" style="margin-top: 2rem">
+        <a-empty
+          v-if="!(Cardsname == '基础设施') && !(Cardsname == '数据资源')"
+        />
+      </div>
+    </div>
+    <!-- <div class="top" v-else-if="Cardsname == '数据资源' && dataShowbt">
+      <div class="top-title">
+        <div
+          v-for="item in titleName"
+          :key="item.name"
+          :class="item.name === Cardsname ? 'sel' : ''"
+          @click="changeCards(item.name)"
+        >
+          <span
+            class="photo"
+            :style="{
+              backgroundImage: `url(${item.photo}) `,
+              backgroundSize: 'cover',
+            }"
+          ></span>
+          <span>{{ item.name }}</span>
+        </div>
+      </div>
+      <details-page-resource></details-page-resource>
+    </div> -->
+    <div class="top" v-else>
+      <div class="top-title">
+        <div
+          v-for="item in titleName"
+          :key="item.name"
+          :class="item.name === Cardsname ? 'sel' : ''"
+          @click="changeCards(item.name)"
+        >
+          <span
+            class="photo"
+            :style="{
+              backgroundImage: `url(${item.photo}) `,
+              backgroundSize: 'cover',
+            }"
+          ></span>
+          <span>{{ item.name }}</span>
+        </div>
+      </div>
+      <div class="resultListSearchInput-father" style="background: unset">
+        <div class="resultListSearchInput-son">
+          模糊搜索
+          <a-input-search
+            v-model:value="searchValue"
+            placeholder="请输入关键词"
+            enter-button="搜索"
+            size="large"
+            @search="getAppResources"
+            @change="onSearch"
+            class="resultListSearchInput"
+          />
+          <button class="button-reset" @click="chongzhi()">重置</button>
+        </div>
+      </div>
+      <KnowledgeBase
+        :resourceList="resourceList"
+        :resourceTotal="resourceTotal"
+      ></KnowledgeBase>
+    </div>
+    <div class="talk-monitor" @click="openMonitor">
+      <a-tooltip>
+        <template #title>问答机器人</template>
+        <i></i>
+      </a-tooltip>
+    </div>
+  </div>
+  <!-- 西海岸 -->
+  <div
+    class="details-pageconetent"
+    v-else-if="whoShow1 && whoShow1.itShowXiHaiAn"
+  >
+    <home-header></home-header>
+    <div class="details-pageconetent-left">
+      <detailsPageconetentTree />
+    </div>
+    <div class="top" v-if="Cardsname != '知识库'">
+      <div class="top-title">
+        <div
+          v-for="item in titleName"
+          :key="item.name"
+          :class="item.name === Cardsname ? 'sel' : ''"
+          @click="changeCards(item.name)"
+        >
+          <span
+            class="photo"
+            :style="{
+              backgroundImage: `url(${item.photo}) `,
+            }"
+          ></span>
+          <span>{{ item.name }}</span>
+        </div>
+      </div>
+      <!-- v-show="Cardsname !== '基础设施'" -->
+      <!-- 搜索框 -->
+      <div class="resultListSearchInput-father">
+        <div class="resultListSearchInput-son">
+          模糊搜索
+          <a-input-search
+            v-model:value="searchValue"
+            placeholder="请输入关键词"
+            enter-button="搜索"
+            size="large"
+            @search="getAppResources"
+            @change="onSearch"
+            class="resultListSearchInput"
+          />
+          <button class="button-reset" @click="chongzhi()">重置</button>
+          <div class="hengxian"></div>
+        </div>
+      </div>
+      <!-- 分类 -->
+      <div class="top-content-father" :key="listKey">
+        <template
+          v-if="
+            Cardsname == '组件服务' ||
+            Cardsname == '应用资源' ||
+            Cardsname == ''
+          "
+        >
+          <div class="top-content-son">
+            <div
+              v-for="(item, index) in ListContent.records"
+              :key="index"
+              class="top-content"
+            >
+              <span class="top-content-title">
+                {{ item.name }}
+              </span>
+              <div
+                class="leixingsumfather"
+                :class="!item.shrinkFlag ? 'shrink' : ''"
+              >
+                <div
+                  v-for="(item2, index2) in item.typeList"
+                  :key="index2"
+                  class="leixingsum"
+                >
+                  <a-checkable-tag
+                    :checked="
+                      item.selectedTags &&
+                      item.selectedTags.indexOf(item2.dict_label) !== -1
+                    "
+                    @change="
+                      (checked) => handleChange(item2, checked, item.name)
+                    "
+                  >
+                    {{ item2.dict_label }}
+                  </a-checkable-tag>
+                </div>
+              </div>
+              <div
+                class="shrinkTag"
+                v-if="item.showShrink"
+                :key="item.shrinkFlag"
+              >
+                <up-outlined
+                  v-show="!item.shrinkFlag"
+                  @click="changeShrink(item.name)"
+                />
+                <down-outlined
+                  v-show="item.shrinkFlag"
+                  @click="changeShrink(item.name)"
+                />
+              </div>
+            </div>
+            <div class="top-content">
+              <span class="top-content-title">共享条件</span>
+              <div class="leixingsumfather">
+                <div class="leixingsum">
+                  <a-checkable-tag
+                    :checked="tagFlag == '申请'"
+                    @change="() => chagneTag('申请')"
+                  >
+                    申请
+                  </a-checkable-tag>
+                  <a-checkable-tag
+                    :checked="tagFlag == '免批申请'"
+                    @change="() => chagneTag('免批申请')"
+                  >
+                    免批申请
+                  </a-checkable-tag>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+      </div>
+      <!-- 中心内容 -->
+      <searchResultList
+        v-show="resourceList.data?.length > 0"
+        :key="listKey2"
+        :resourceList="resourceList"
+        :resourceTotal="resourceTotal"
+        :select-cardsname="Cardsname"
+      />
+      <!-- 分页 -->
+      <div class="pagination">
+        <a-pagination
+          v-if="
+            resourceList.data?.length > 0 &&
+            Cardsname != '基础设施' &&
+            Cardsname != '数据资源'
+          "
+          v-model:current="currentPage"
+          v-model:pageSize="currentPageSize"
+          show-size-changer
+          show-less-items
+          show-quick-jumper
+          :total="resourceTotal"
+          :page-size-options="pageSizeOptions"
+          @change="pageChange"
+          @showSizeChange="onShowSizeChange"
+        />
+        <a-pagination
+          v-else
+          v-model:current="currentPage"
+          v-model:pageSize="currentPageSize"
+          show-size-changer
+          show-less-items
+          show-quick-jumper
+          :total="resourceTotal"
+          :page-size-options="pageSizeOptions"
+          @change="pageChangeOther"
+          @showSizeChange="onShowSizeChangeOther"
+        />
+      </div>
+      <!-- <div class="jichusheshi" v-if="Cardsname == '基础设施'">
+        <div class="yunziyuan">
+          <div class="yunziyuan-title">
+            <div class="tupian"></div>
+            <div class="title" @click="dianjitiaozhaun('青岛市云资源管理平台')">
+              青岛市云资源管理平台
+            </div>
+          </div>
+          <div class="fenlei">
+            <div>可用资源情况</div>
+            <div>更新时间：2020-10-29</div>
+          </div>
+          <div class="keyongziyuan">
+            <div v-for="item in keyongziyuanqingkaung" :key="item">
+              <div>{{ item.name }}</div>
+              <div>{{ item.value }}</div>
+            </div>
+          </div>
+          <div class="shuoming">
+            说明：政务云资源目前通过青岛市云资源管理平台进行申请
+          </div>
+        </div>
+        <div class="shipin">
+          <div class="shipin-title">
+            <div class="tupian"></div>
+            <div
+              class="title"
+              @click="dianjitiaozhaun('青岛市视频资源管理平台')"
+            >
+              青岛市视频资源管理平台
+            </div>
+          </div>
+          <div class="fenlei">
+            <div>
+              视频总数：
+              <span class="shuzi">23</span>
+              万路
+            </div>
+            <div>更新时间：2022-05-06</div>
+          </div>
+          <div class="top-content-father">
+            <div class="top-content-son">
+              <div class="top-content">
+                <span class="top-content-title" :style="{ marginRight: '8px' }">
+                  标签
+                </span>
+                <div
+                  class="leixingsumfather leixingsumfather2"
+                  style="height: unset"
+                >
+                  <div class="leixingsum" v-for="tag in bqTags" :key="tag">
+                    <a-checkable-tag
+                      :checked="selBqTags.indexOf(tag) > -1"
+                      @change="(checked) => handleChangeBqTags(tag, checked)"
+                      style="width: 100px"
+                    >
+                      {{ tag }}
+                    </a-checkable-tag>
+                  </div>
+                </div>
+              </div>
+              <div class="top-content">
+                <span class="top-content-title" :style="{ marginRight: '8px' }">
+                  在线状态
+                </span>
+                <div class="leixingsumfather leixingsumfather2">
+                  <div class="leixingsum" v-for="tag in stateTags" :key="tag">
+                    <a-checkable-tag
+                      :checked="selStateTags.indexOf(tag) > -1"
+                      @change="(checked) => handleChangeStateTag(tag, checked)"
+                      style="width: 100px"
+                    >
+                      {{ tag }}
+                    </a-checkable-tag>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <a-input-search
+            v-model:value="searchValue"
+            placeholder="请输入关键词"
+            enter-button="搜索"
+            size="large"
+            @search="getAppResources"
+            @change="onSearch"
+            class="resultListSearchInput"
+          />
+          <button class="button-reset" @click="chongzhi()">重置</button>
+          <div class="itemList" style="margin-top: 20px">
+            <a-card :loading="loading">
+              <a-card-grid
+                style="width: 20%; text-align: center"
+                v-for="item in videoList.data"
+                :key="item.id"
+              >
+                <a-tooltip placement="topLeft">
+                  <template #title>
+                    <span>
+                      {{ item.name }}
+                    </span>
+                  </template>
+                  <video-camera-outlined />
+                  {{ item.name }}
+                </a-tooltip>
+              </a-card-grid>
+            </a-card>
+            <a-pagination
+              v-model:current="currentPage"
+              pageSize="20"
+              :total="resourceTotal"
+              show-less-items
+              @change="pageChange"
+              hideOnSinglePage
+            />
+          </div>
+        </div>
+        <VideoSurveillance></VideoSurveillance>
+      </div> -->
+      <!-- <div class="shujuziyuan" v-if="Cardsname == '数据资源'">
+        <div class="yunziyuan">
+          <div class="yunziyuan-title">
+            <div class="tupian"></div>
+            <div
+              class="title"
+              @click="dianjitiaozhaun('青岛市政务资源管理平台')"
+            >
+              青岛市政务资源管理平台
+            </div>
+          </div>
+          <div class="keyongziyuan">
+            <div v-for="item in shujuziyuanqingkuang" :key="item">
+              <div>{{ item.name }}</div>
+              <div>{{ item.value }}</div>
+              {{ item.danwei }}
+            </div>
+          </div>
+          <div class="shuoming">
+            说明：数据资源目前通过青岛市政务信息网进行申请
+          </div>
+        </div>
+      </div> -->
+      <div v-if="resourceList.data?.length <= 0" style="margin-top: 200px">
+        <a-empty />
+      </div>
+    </div>
+    <div class="top" v-else>
+      <div class="top-title">
+        <div
+          v-for="item in titleName"
+          :key="item.name"
+          :class="item.name === Cardsname ? 'sel' : ''"
+          @click="changeCards(item.name)"
+        >
+          <span
+            class="photo"
+            :style="{
+              backgroundImage: `url(${item.photo}) `,
+            }"
+          ></span>
+          <span>{{ item.name }}</span>
+        </div>
+      </div>
+      <div class="resultListSearchInput-father" style="background: unset">
+        <div class="resultListSearchInput-son">
+          模糊搜索
+          <a-input-search
+            v-model:value="searchValue"
+            placeholder="请输入关键词"
+            enter-button="搜索"
+            size="large"
+            @search="getAppResources"
+            @change="onSearch"
+            class="resultListSearchInput"
+          />
+          <button class="button-reset" @click="chongzhi()">重置</button>
+        </div>
+      </div>
+      <KnowledgeBase
+        :resourceList="resourceList"
+        :resourceTotal="resourceTotal"
+      ></KnowledgeBase>
+    </div>
+    <div class="talk-monitor" @click="openMonitor">
+      <a-tooltip>
+        <template #title>问答机器人</template>
+        <i></i>
+      </a-tooltip>
+    </div>
+  </div>
+  <!-- 包头 -->
+  <div
+    class="details-pageconetent"
+    v-else-if="whoShow1 && whoShow1.itShowBaoTou"
+  >
     <home-header></home-header>
     <div class="details-pageconetent-left">
       <detailsPageconetentTree />
@@ -257,7 +965,7 @@
         </div> -->
         <VideoSurveillance></VideoSurveillance>
       </div>
-      <!-- <div class="shujuziyuan" v-if="Cardsname == '数据资源'">
+      <div class="shujuziyuan" v-if="Cardsname == '数据资源'">
         <div class="yunziyuan">
           <div class="yunziyuan-title">
             <div class="tupian"></div>
@@ -265,7 +973,7 @@
               class="title"
               @click="dianjitiaozhaun('青岛市政务资源管理平台')"
             >
-              青岛市政务资源管理平台
+              青岛市政务资源管理平台{{ dataShowdev }}
             </div>
           </div>
           <div class="keyongziyuan">
@@ -279,7 +987,8 @@
             说明：数据资源目前通过青岛市政务信息网进行申请
           </div>
         </div>
-      </div> -->
+      </div>
+      -->
       <div v-if="resourceList.data?.length <= 0" style="margin-top: 2rem">
         <a-empty
           v-if="!(Cardsname == '基础设施') && !(Cardsname == '数据资源')"
@@ -459,6 +1168,11 @@
           value: '2022-05-06',
         },
       ])
+      // 西海岸数据资源页
+      // const dataShowbt = ref(whoShow.itshow)
+      // 青岛数据资源页
+      const whoShow1 = ref(whoShow)
+      console.log(whoShow, 'dataShowdev==========================>')
       // 分页
       const loading = ref(true)
       const currentPage = ref(1)
@@ -960,6 +1674,7 @@
         handleChangeBqTags,
         loading,
         getShoppingCartList,
+        whoShow1,
       }
     },
     components: {

From 36b3eef12fd5db7bb5d7754fa61e43f5f2fb2d43 Mon Sep 17 00:00:00 2001
From: kongjun <qdkongjun@gmail.com>
Date: Wed, 22 Jun 2022 10:07:59 +0800
Subject: [PATCH 09/11] =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 back/src/views/main-sidebar.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/back/src/views/main-sidebar.vue b/back/src/views/main-sidebar.vue
index 00535e99..af5f8261 100644
--- a/back/src/views/main-sidebar.vue
+++ b/back/src/views/main-sidebar.vue
@@ -2,7 +2,7 @@
  * @Author: kongjun qdkongjun@gmail.com
  * @Date: 2022-06-20 09:29:59
  * @LastEditors: kongjun qdkongjun@gmail.com
- * @LastEditTime: 2022-06-21 10:37:47
+ * @LastEditTime: 2022-06-22 10:04:56
  * @FilePath: \back\src\views\main-sidebar.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -47,7 +47,19 @@ export default {
   width: 266px;
   .aui-sidebar__inner {
     width: 260px;
-    overflow-y: hidden;
+    //overflow-y: hidden;
+    /*滚动条样式*/
+    &::-webkit-scrollbar {
+      width: 0px;
+    }
+    &::-webkit-scrollbar-thumb {
+      border-radius: 5;
+      background: rgba(0, 0, 0, 0.25);
+    }
+    &::-webkit-scrollbar-track {
+      border-radius: 0;
+      background: #f2f2f2;
+    }
     .aui-sidebar__menu {
       width: 266px;
     }

From 46c1cc68edde24dd0c2be4282d6c870535384ead Mon Sep 17 00:00:00 2001
From: wangwei <707714829@qq.com>
Date: Wed, 22 Jun 2022 10:11:05 +0800
Subject: [PATCH 10/11] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=9B=AE=E5=BD=95?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 back/src/i18n/zh-CN.js                        | 15 ++++
 .../bsdataresources.vue}                      |  0
 .../bsinfrastructure.vue}                     |  0
 .../bscatalogue/applicationResources.vue      | 87 -------------------
 .../modules/bscatalogue/componentServices.vue | 86 ------------------
 back/src/views/modules/project/list.vue       | 16 ++--
 6 files changed, 25 insertions(+), 179 deletions(-)
 rename back/src/views/modules/{bscatalogue/dataResources.vue => ability/bsdataresources.vue} (100%)
 rename back/src/views/modules/{bscatalogue/infrastructure.vue => ability/bsinfrastructure.vue} (100%)
 delete mode 100644 back/src/views/modules/bscatalogue/applicationResources.vue
 delete mode 100644 back/src/views/modules/bscatalogue/componentServices.vue

diff --git a/back/src/i18n/zh-CN.js b/back/src/i18n/zh-CN.js
index a3c903e3..e78f7fd2 100644
--- a/back/src/i18n/zh-CN.js
+++ b/back/src/i18n/zh-CN.js
@@ -545,4 +545,19 @@ t.notice.new = '有新通知'
 t.notice.disconnect = '连接断开'
 t.notice.disconnectMessage = 'WebSocket连接已断开，请检查网络'
 
+t.projectList = {}
+t.projectList.projectName='项目名称'
+t.projectList.projectUnit='申请单位'
+t.projectList.departm='责任处室'
+t.projectList.date='申请日期'
+t.projectList.district='所属区市'
+t.projectList.contacts='业务联系人'
+t.projectList.contactstel='业务联系人电话'
+t.projectList.technology='技术联系人电话'
+t.projectList.technologytel='技术联系人电话'
+
+
+
+
+
 export default t
diff --git a/back/src/views/modules/bscatalogue/dataResources.vue b/back/src/views/modules/ability/bsdataresources.vue
similarity index 100%
rename from back/src/views/modules/bscatalogue/dataResources.vue
rename to back/src/views/modules/ability/bsdataresources.vue
diff --git a/back/src/views/modules/bscatalogue/infrastructure.vue b/back/src/views/modules/ability/bsinfrastructure.vue
similarity index 100%
rename from back/src/views/modules/bscatalogue/infrastructure.vue
rename to back/src/views/modules/ability/bsinfrastructure.vue
diff --git a/back/src/views/modules/bscatalogue/applicationResources.vue b/back/src/views/modules/bscatalogue/applicationResources.vue
deleted file mode 100644
index 78396782..00000000
--- a/back/src/views/modules/bscatalogue/applicationResources.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<!-- 应用资源目录编制      
-/bscatalogue/applicationResources -->
-<template>
-  <el-card shadow="never" class="aui-card--fill">
-    <div class="mod-pay__order">
-      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
-        <el-form-item>
-          <el-input v-model="dataForm.orderId" :placeholder="$t('order.orderId')" clearable></el-input>
-        </el-form-item>
-        <el-form-item>
-          <el-input v-model="dataForm.userId" :placeholder="$t('order.userId')" clearable></el-input>
-        </el-form-item>
-        <el-form-item>
-          <ren-select v-model="dataForm.status" dict-type="order_status" :placeholder="$t('order.status')"></ren-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
-        </el-form-item>
-      </el-form>
-      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
-        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
-        <el-table-column prop="orderId" :label="$t('order.orderId')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="productName" :label="$t('order.productName')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="payAmount" :label="$t('order.payAmount')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="status" :label="$t('order.status')" header-align="center" align="center">
-          <template slot-scope="scope">
-            {{ $getDictLabel("order_status", scope.row.status) }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="payAt" :label="$t('order.payAt')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="createDate" :label="$t('order.createDate')" header-align="center" align="center"></el-table-column>
-        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
-          <template slot-scope="scope">
-            <el-button v-if="scope.row.status === 0" type="text" size="small" @click="payHandle(scope.row.orderId)">{{ $t('order.pay') }}</el-button>
-            <el-button v-if="scope.row.status === 0" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <el-pagination
-        :current-page="page"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="limit"
-        :total="total"
-        layout="total, sizes, prev, pager, next, jumper"
-        @size-change="pageSizeChangeHandle"
-        @current-change="pageCurrentChangeHandle">
-      </el-pagination>
-      <!-- 弹窗, 新增 / 修改 -->
-      <!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> -->
-    </div>
-  </el-card>
-</template>
-
-<script>
-import mixinViewModule from '@/mixins/view-module'
-// import AddOrUpdate from './order-add-or-update'
-import {addDynamicRoute} from "@/router";
-export default {
-  mixins: [mixinViewModule],
-  data () {
-    return {
-      mixinViewModuleOptions: {
-        getDataListURL: '/pay/order/page',
-        getDataListIsPage: true,
-        deleteURL: '/pay/order',
-        deleteIsBatch: true
-      },
-      dataForm: {
-        orderId: '',
-        status: '',
-        userId: ''
-      }
-    }
-  },
-  components: {
-    // AddOrUpdate
-  },
-  methods: {
-    payHandle (orderId) {
-      window.open(`${window.SITE_CONFIG['apiURL']}/pay/alipay/webPay?orderId=` + orderId);
-    }
-  }
-}
-</script>
diff --git a/back/src/views/modules/bscatalogue/componentServices.vue b/back/src/views/modules/bscatalogue/componentServices.vue
deleted file mode 100644
index 4f5aa024..00000000
--- a/back/src/views/modules/bscatalogue/componentServices.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<!-- 组件服务目录编制      /bscatalogue/componentServices -->
-<template>
-  <el-card shadow="never" class="aui-card--fill">
-    <div class="mod-pay__order">
-      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
-        <el-form-item>
-          <el-input v-model="dataForm.orderId" :placeholder="$t('order.orderId')" clearable></el-input>
-        </el-form-item>
-        <el-form-item>
-          <el-input v-model="dataForm.userId" :placeholder="$t('order.userId')" clearable></el-input>
-        </el-form-item>
-        <el-form-item>
-          <ren-select v-model="dataForm.status" dict-type="order_status" :placeholder="$t('order.status')"></ren-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
-        </el-form-item>
-      </el-form>
-      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
-        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
-        <el-table-column prop="orderId" :label="$t('order.orderId')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="productName" :label="$t('order.productName')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="payAmount" :label="$t('order.payAmount')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="status" :label="$t('order.status')" header-align="center" align="center">
-          <template slot-scope="scope">
-            {{ $getDictLabel("order_status", scope.row.status) }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="payAt" :label="$t('order.payAt')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="createDate" :label="$t('order.createDate')" header-align="center" align="center"></el-table-column>
-        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
-          <template slot-scope="scope">
-            <el-button v-if="scope.row.status === 0" type="text" size="small" @click="payHandle(scope.row.orderId)">{{ $t('order.pay') }}</el-button>
-            <el-button v-if="scope.row.status === 0" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <el-pagination
-        :current-page="page"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="limit"
-        :total="total"
-        layout="total, sizes, prev, pager, next, jumper"
-        @size-change="pageSizeChangeHandle"
-        @current-change="pageCurrentChangeHandle">
-      </el-pagination>
-      <!-- 弹窗, 新增 / 修改 -->
-      <!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> -->
-    </div>
-  </el-card>
-</template>
-
-<script>
-import mixinViewModule from '@/mixins/view-module'
-// import AddOrUpdate from './order-add-or-update'
-import {addDynamicRoute} from "@/router";
-export default {
-  mixins: [mixinViewModule],
-  data () {
-    return {
-      mixinViewModuleOptions: {
-        getDataListURL: '/pay/order/page',
-        getDataListIsPage: true,
-        deleteURL: '/pay/order',
-        deleteIsBatch: true
-      },
-      dataForm: {
-        orderId: '',
-        status: '',
-        userId: ''
-      }
-    }
-  },
-  components: {
-    // AddOrUpdate
-  },
-  methods: {
-    payHandle (orderId) {
-      window.open(`${window.SITE_CONFIG['apiURL']}/pay/alipay/webPay?orderId=` + orderId);
-    }
-  }
-}
-</script>
diff --git a/back/src/views/modules/project/list.vue b/back/src/views/modules/project/list.vue
index 31227923..c144ba58 100644
--- a/back/src/views/modules/project/list.vue
+++ b/back/src/views/modules/project/list.vue
@@ -3,10 +3,13 @@
     <div class="mod-pay__order">
       <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
         <el-form-item>
-          <el-input v-model="dataForm.orderId" :placeholder="$t('order.orderId')" clearable></el-input>
+          <el-input v-model="dataForm.orderId" :placeholder="$t('projectList.projectName')" clearable></el-input>
         </el-form-item>
         <el-form-item>
-          <el-input v-model="dataForm.userId" :placeholder="$t('order.userId')" clearable></el-input>
+          <el-input v-model="dataForm.userId" :placeholder="$t('projectList.projectUnit')" clearable></el-input>
+        </el-form-item>
+         <el-form-item>
+          <el-input v-model="dataForm.departm" :placeholder="$t('projectList.departm')" clearable></el-input>
         </el-form-item>
         <el-form-item>
           <ren-select v-model="dataForm.status" dict-type="order_status" :placeholder="$t('order.status')"></ren-select>
@@ -20,9 +23,9 @@
       </el-form>
       <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
         <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
-        <el-table-column prop="orderId" :label="$t('order.orderId')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="productName" :label="$t('order.productName')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="payAmount" :label="$t('order.payAmount')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="orderId" :label="$t('projectList.projectName')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="productName" :label="$t('projectList.projectUnit')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="payAmount" :label="$t('projectList.district')" header-align="center" align="center"></el-table-column>
         <el-table-column prop="status" :label="$t('order.status')" header-align="center" align="center">
           <template slot-scope="scope">
             {{ $getDictLabel("order_status", scope.row.status) }}
@@ -69,7 +72,8 @@ export default {
       dataForm: {
         orderId: '',
         status: '',
-        userId: ''
+        userId: '',
+        departm:''
       }
     }
   },

From 11b2536c5c154b1a82ea1d05882b5f84351b6211 Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Wed, 22 Jun 2022 14:09:52 +0800
Subject: [PATCH 11/11] =?UTF-8?q?=E8=B5=8B=E8=83=BD=E6=A1=88=E4=BE=8B-?=
 =?UTF-8?q?=E5=90=8E=E5=8F=B0=E7=AE=A1=E7=90=86=E7=B3=BB=E7=BB=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 back/src/mixins/view-module.js                |  36 +-
 .../bsabilityservice-add-or-update.vue        | 803 +++++++-------
 .../bsabilityservice-add-or-update.vue        | 980 ------------------
 .../canassigncase-add-or-update.vue           | 515 +++++++++
 .../src/views/modules/canassigncase/index.vue |  19 +-
 .../views/modules/canassigncase/upload.vue    |  81 +-
 6 files changed, 1032 insertions(+), 1402 deletions(-)
 delete mode 100644 back/src/views/modules/canassigncase/bsabilityservice-add-or-update.vue
 create mode 100644 back/src/views/modules/canassigncase/canassigncase-add-or-update.vue

diff --git a/back/src/mixins/view-module.js b/back/src/mixins/view-module.js
index cc07db43..ab4c9931 100644
--- a/back/src/mixins/view-module.js
+++ b/back/src/mixins/view-module.js
@@ -2,7 +2,7 @@ import Cookies from 'js-cookie'
 import qs from 'qs'
 import { deepClone } from '@/utils/form-generator/index'
 export default {
-  data () {
+  data() {
     /* eslint-disable */
     return {
       // 设置属性
@@ -17,8 +17,8 @@ export default {
         exportURL: '',            // 导出接口，API地址
         requestCallback: null      // 获取列表以后执行的回调
       },
-      flag:false,
-      time:null,
+      flag: false,
+      time: null,
       // 默认属性
       dataForm: {
       },               // 查询条件
@@ -38,19 +38,19 @@ export default {
     }
     /* eslint-enable */
   },
-  created () {
+  created() {
     if (this.mixinViewModuleOptions.createdIsNeed) {
       this.query()
     }
   },
-  activated () {
+  activated() {
     if (this.mixinViewModuleOptions.activatedIsNeed) {
       this.query()
     }
   },
   methods: {
     // 获取数据列表
-    query () {
+    query() {
       this.dataListLoading = true
       this.$http.get(
         this.mixinViewModuleOptions.getDataListURL + '?' + qs.stringify({
@@ -118,11 +118,11 @@ export default {
       })
     },
     // 多选
-    dataListSelectionChangeHandle (val) {
+    dataListSelectionChangeHandle(val) {
       this.dataListSelections = val
     },
     // 排序
-    dataListSortChangeHandle (data) {
+    dataListSortChangeHandle(data) {
       if (!data.order || !data.prop) {
         this.order = ''
         this.orderField = ''
@@ -133,13 +133,13 @@ export default {
       this.query()
     },
     // 分页, 每页条数
-    pageSizeChangeHandle (val) {
+    pageSizeChangeHandle(val) {
       this.page = 1
       this.limit = val
       this.query()
     },
     // 分页, 当前页
-    pageCurrentChangeHandle (val) {
+    pageCurrentChangeHandle(val) {
       this.page = val
       this.query()
     },
@@ -148,7 +148,7 @@ export default {
       this.query()
     },
     // 新增
-    addOrUpdateHandle (id) {
+    addOrUpdateHandle(id) {
       this.addOrUpdateVisible = true
       this.disabled = false
       this.$nextTick(() => {
@@ -159,7 +159,7 @@ export default {
     },
 
     // 组件服务新增
-    addOrUpdateHandleAI (id) {
+    addOrUpdateHandleAI(id) {
       // const infoList = []
       let showList = []
       this.$http.get('category/getCategoryTree').then(({ data: res }) => {
@@ -217,7 +217,7 @@ export default {
       }, 100)
     },
     // 应用资源新增
-    addOrUpdateHandleServe (id) {
+    addOrUpdateHandleServe(id) {
       // const infoList = []
       let showList = []
       this.$http.get('category/getCategoryTree').then(({ data: res }) => {
@@ -275,7 +275,7 @@ export default {
       }, 100)
     },
     // 修改
-    UpdateHandle (val) {
+    UpdateHandle(val) {
       this.addOrUpdateVisible = true
       this.disabled = false
       const cloneVal = deepClone(val)
@@ -300,7 +300,7 @@ export default {
       })
     },
     // 关闭当前窗口
-    closeCurrentTab (data) {
+    closeCurrentTab(data) {
       var tabName = this.$store.state.contentTabsActiveName
       this.$store.state.contentTabs = this.$store.state.contentTabs.filter(item => item.name !== tabName)
       if (this.$store.state.contentTabs.length <= 0) {
@@ -312,7 +312,7 @@ export default {
       }
     },
     // 删除
-    deleteHandle (id) {
+    deleteHandle(id) {
       if (this.mixinViewModuleOptions.deleteIsBatch && !id && this.dataListSelections.length <= 0) {
         return this.$message({
           message: this.$t('prompt.deleteBatch'),
@@ -346,7 +346,7 @@ export default {
       }).catch(() => { })
     },
 
-    deleteHandle2 (id) {
+    deleteHandle2(id) {
       console.log('删除========================》', id, this.dataListSelections)
       const ids = []
       if (id) {
@@ -364,7 +364,7 @@ export default {
       })
     },
     // 导出
-    exportHandle () {
+    exportHandle() {
       var params = qs.stringify({
         token: Cookies.get('ucsToken'),
         ...this.dataForm
diff --git a/back/src/views/modules/ability/bsabilityservice-add-or-update.vue b/back/src/views/modules/ability/bsabilityservice-add-or-update.vue
index 81b7d5ed..57e7a85e 100644
--- a/back/src/views/modules/ability/bsabilityservice-add-or-update.vue
+++ b/back/src/views/modules/ability/bsabilityservice-add-or-update.vue
@@ -10,9 +10,27 @@
       <!-- 挂载和修改-->
       <div key="1" v-if="!disabled">
         <!-- 挂载-->
-        <div style="text-align:center;font-weight: 600;font-size: 18px;margin-bottom: 10px;">填写字段</div>
-        <el-checkbox-group v-model="checkList" @change="showListChagne" style="margin-bottom:20px;">
-          <el-checkbox-button v-for="item in dataForm.showListAll" :label="item.name" :key="item.id">{{item.name}}</el-checkbox-button>
+        <div
+          style="
+            text-align: center;
+            font-weight: 600;
+            font-size: 18px;
+            margin-bottom: 10px;
+          "
+        >
+          填写字段
+        </div>
+        <el-checkbox-group
+          v-model="checkList"
+          @change="showListChagne"
+          style="margin-bottom: 20px"
+        >
+          <el-checkbox-button
+            v-for="item in dataForm.showListAll"
+            :label="item.name"
+            :key="item.id"
+            >{{ item.name }}</el-checkbox-button
+          >
         </el-checkbox-group>
         <el-form
           v-if="!UpdateState"
@@ -22,19 +40,40 @@
           @keyup.enter.native="dataFormSubmitHandle()"
           :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'"
         >
-          <div v-show="checkList.indexOf('必填信息')>-1">
-            <div style="text-align:center;font-weight: 600;font-size: 18px;margin-bottom: 10px;">必填信息</div>
+          <div v-show="checkList.indexOf('必填信息') > -1">
+            <div
+              style="
+                text-align: center;
+                font-weight: 600;
+                font-size: 18px;
+                margin-bottom: 10px;
+              "
+            >
+              必填信息
+            </div>
             <el-form-item label="应用名称" prop="name">
-              <el-input v-model="dataForm.name" placeholder="请输入组件名称" ></el-input>
+              <el-input
+                v-model="dataForm.name"
+                placeholder="请输入组件名称"
+              ></el-input>
             </el-form-item>
             <el-form-item label="应用描述" prop="description">
-              <el-input v-model="dataForm.description" placeholder="请输入组件描述" ></el-input>
+              <el-input
+                v-model="dataForm.description"
+                placeholder="请输入组件描述"
+              ></el-input>
             </el-form-item>
             <el-form-item label="部门联系人" prop="deptContacts">
-              <el-input v-model="dataForm.deptContacts" placeholder="请输入部门联系人" ></el-input>
+              <el-input
+                v-model="dataForm.deptContacts"
+                placeholder="请输入部门联系人"
+              ></el-input>
             </el-form-item>
             <el-form-item label="部门联系人电话" prop="deptPhone">
-              <el-input v-model="dataForm.deptPhone" placeholder="请输入部门联系人电话" ></el-input>
+              <el-input
+                v-model="dataForm.deptPhone"
+                placeholder="请输入部门联系人电话"
+              ></el-input>
             </el-form-item>
             <el-form-item label="共享条件" prop="shareCondition">
               <el-select
@@ -50,7 +89,8 @@
                 </el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="共享类型" prop="shareType"><el-select
+            <el-form-item label="共享类型" prop="shareType"
+              ><el-select
                 v-model="dataForm.shareType"
                 placeholder="请选择共享类型"
               >
@@ -64,16 +104,47 @@
               </el-select>
             </el-form-item>
             <el-form-item label="共享方式" prop="shareMode">
-              <el-input v-model="dataForm.shareMode" placeholder="请输入共享方式" ></el-input>
+              <el-input
+                v-model="dataForm.shareMode"
+                placeholder="请输入共享方式"
+              ></el-input>
             </el-form-item>
           </div>
-          <div v-for="item in dataForm.showList" :key="item.id" v-show="item.name !== '必填信息'">
-            <div style="text-align:center;font-weight: 600;font-size: 18px;margin-bottom: 10px;">{{item.name}}</div>
-            <el-form-item :label="child.name" v-for="child in item.children" :key="child.id" v-show="item.children">
-              <el-input v-model="child.note1" :placeholder="'请输入'+child.name" v-if="child.type=='input'"></el-input>
-              <el-input v-model="child.note1" :placeholder="'请输入'+child.name" type="textarea" :rows="2" v-if="child.type=='textArea'"></el-input>
+          <div
+            v-for="item in dataForm.showList"
+            :key="item.id"
+            v-show="item.name !== '必填信息'"
+          >
+            <div
+              style="
+                text-align: center;
+                font-weight: 600;
+                font-size: 18px;
+                margin-bottom: 10px;
+              "
+            >
+              {{ item.name }}
+            </div>
+            <el-form-item
+              :label="child.name"
+              v-for="child in item.children"
+              :key="child.id"
+              v-show="item.children"
+            >
+              <el-input
+                v-model="child.note1"
+                :placeholder="'请输入' + child.name"
+                v-if="child.type == 'input'"
+              ></el-input>
+              <el-input
+                v-model="child.note1"
+                :placeholder="'请输入' + child.name"
+                type="textarea"
+                :rows="2"
+                v-if="child.type == 'textArea'"
+              ></el-input>
               <el-select
-                v-else-if="child.type=='select'"
+                v-else-if="child.type == 'select'"
                 v-model="child.note1"
                 :placeholder="'请选择' + child.name"
               >
@@ -85,9 +156,24 @@
                 >
                 </el-option>
               </el-select>
-              <upload v-else-if="child.type=='images'" :child='child' limit='5' accept='.jpg,.png'></upload>
-              <upload v-else-if="child.type=='image'" :child='child' limit='1' accept='.jpg,.png'></upload>
-              <upload v-else-if="child.type=='video'" :child='child' limit='1' accept='.mp4'></upload>
+              <upload
+                v-else-if="child.type == 'images'"
+                :child="child"
+                limit="5"
+                accept=".jpg,.png"
+              ></upload>
+              <upload
+                v-else-if="child.type == 'image'"
+                :child="child"
+                limit="1"
+                accept=".jpg,.png"
+              ></upload>
+              <upload
+                v-else-if="child.type == 'video'"
+                :child="child"
+                limit="1"
+                accept=".mp4"
+              ></upload>
             </el-form-item>
           </div>
         </el-form>
@@ -184,9 +270,9 @@
               :placeholder="item.attrType"
               v-if="
                 item.attrType != '应用领域' &&
-                  item.attrType != '应用类型' &&
-                  item.attrType != '发布端' &&
-                  item.attrType != '应用状态'
+                item.attrType != '应用类型' &&
+                item.attrType != '发布端' &&
+                item.attrType != '应用状态'
               "
             ></el-input>
             <el-select
@@ -282,30 +368,30 @@
 </template>
 
 <script>
-import debounce from 'lodash/debounce'
-import dictionaries from '@/utils/dictionaries'
-import { mapState } from 'vuex'
-import { getIconList } from '@/utils'
-import Cookies from 'js-cookie'
-import upload from './upload.vue'
-import bus from '@/views/bus.js'
-import qs from 'qs'
-import Vue from 'vue'
+import debounce from "lodash/debounce";
+import dictionaries from "@/utils/dictionaries";
+import { mapState } from "vuex";
+import { getIconList } from "@/utils";
+import Cookies from "js-cookie";
+import upload from "./upload.vue";
+import bus from "@/views/bus.js";
+import qs from "qs";
+import Vue from "vue";
 export default {
   components: {
-    upload
+    upload,
   },
-  data () {
+  data() {
     return {
       checkList: [],
       dialogVisibleImg: false,
-      previewImg: '', // 预览图片
+      previewImg: "", // 预览图片
       dialogVisible: false,
-      fileUploadUrl: window.SITE_CONFIG.apiURL + '/upload',
+      fileUploadUrl: window.SITE_CONFIG.apiURL + "/upload",
       uploadUrl:
         window.SITE_CONFIG.apiURL +
-        '/sys/oss/upload?token=' +
-        Cookies.get('ucsToken'),
+        "/sys/oss/upload?token=" +
+        Cookies.get("ucsToken"),
       companyArr: dictionaries.companyArr,
       visible: false,
       sceneArr: dictionaries.sceneArr,
@@ -317,595 +403,602 @@ export default {
       menuListVisible: false,
       UpdateState: false,
       dataForm: {
-        id: '',
-        deptId: '',
-        deptContacts: '',
-        deptPhone: '',
-        dataVolume: '',
-        shareCondition: '',
-        shareType: '',
-        shareMode: '',
+        id: "",
+        deptId: "",
+        deptContacts: "",
+        deptPhone: "",
+        dataVolume: "",
+        shareCondition: "",
+        shareType: "",
+        shareMode: "",
         delFlag: 0,
-        description: '',
+        description: "",
         downloads: 0,
-        image: '',
+        image: "",
         showList: [],
         infoList: [],
-        link: '',
-        name: '',
-        note1: '',
-        note2: '',
-        note3: '',
-        note4: '',
-        note5: '',
-        score: '',
-        type: '应用资源',
-        apiMethodType: '',
-        apiUrl: '',
-        visits: 0
+        link: "",
+        name: "",
+        note1: "",
+        note2: "",
+        note3: "",
+        note4: "",
+        note5: "",
+        score: "",
+        type: "应用资源",
+        apiMethodType: "",
+        apiUrl: "",
+        visits: 0,
       },
-      deptId: '',
-      fangwendizhi: '',
-      mingzi: '',
+      deptId: "",
+      fangwendizhi: "",
+      mingzi: "",
       dataFormUpdate: {},
       dataFormShowDetails: {},
       infoList2: [],
       infoList3: [],
       typeOptions: [
-        { value: '有条件共享', label: '有条件共享' },
-        { value: '无条件共享', label: '无条件共享' }
+        { value: "有条件共享", label: "有条件共享" },
+        { value: "无条件共享", label: "无条件共享" },
       ],
       conditionOptions: [
-        { value: '申请', label: '申请' },
-        { value: '免批申请', label: '免批申请' }
+        { value: "申请", label: "申请" },
+        { value: "免批申请", label: "免批申请" },
       ],
 
       rules: {
         name: [
           {
             required: true,
-            message: '请输入应用名称',
-            trigger: 'change'
-          }
+            message: "请输入应用名称",
+            trigger: "change",
+          },
         ],
         description: [
           {
             required: true,
-            message: '请输入应用描述',
-            trigger: 'change'
-          }
+            message: "请输入应用描述",
+            trigger: "change",
+          },
         ],
         deptContacts: [
           {
             required: true,
-            message: '请输入部门联系人',
-            trigger: 'change'
-          }
+            message: "请输入部门联系人",
+            trigger: "change",
+          },
         ],
         deptPhone: [
           {
             required: true,
-            message: '请输入部门联系人电话',
-            trigger: 'change'
-          }
+            message: "请输入部门联系人电话",
+            trigger: "change",
+          },
         ],
         shareCondition: [
           {
             required: true,
-            message: '请选择共享条件',
-            trigger: 'change'
-          }
+            message: "请选择共享条件",
+            trigger: "change",
+          },
         ],
         shareType: [
           {
             required: true,
-            message: '请选择请输入共享类型',
-            trigger: 'change'
-          }
+            message: "请选择请输入共享类型",
+            trigger: "change",
+          },
         ],
         shareMode: [
           {
             required: true,
-            message: '请输入共享方式',
-            trigger: 'change'
-          }
-        ]
-      }
-    }
+            message: "请输入共享方式",
+            trigger: "change",
+          },
+        ],
+      },
+    };
   },
   props: {
     disabled: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   computed: {
-    ...mapState(['catalogueTree']),
-    ...mapState(['departmentSelects']),
-    dataRule () {
+    ...mapState(["catalogueTree"]),
+    ...mapState(["departmentSelects"]),
+    dataRule() {
       return {
         name: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         version: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         visitUrl: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         type: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         shareType: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         shareForm: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         field: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         scene: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         deptId: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         content: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         rank: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         useInfo: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         remarks: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         isUp: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ]
-      }
-    }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
+        ],
+      };
+    },
   },
   methods: {
     // 上传图片
-    handleAvatarSuccess (res, file) {
+    handleAvatarSuccess(res, file) {
       if (res.code !== 0) {
-        return this.$message.error('上传图片失败')
+        return this.$message.error("上传图片失败");
       }
-      debugger
+      debugger;
       this.dataForm.infoList.map((item, index) => {
-        if (item.attrType == '应用图片') {
+        if (item.attrType == "应用图片") {
           if (!this.dataForm.infoList[index].attrValue) {
-            this.dataForm.infoList[index].attrValue = res.data
+            this.dataForm.infoList[index].attrValue = res.data;
           } else {
-            this.dataForm.infoList[index].attrValue += ';' + res.data
+            this.dataForm.infoList[index].attrValue += ";" + res.data;
           }
-          console.log('上传图片', this.dataForm.infoList[index])
+          console.log("上传图片", this.dataForm.infoList[index]);
         }
-      })
+      });
       // this.imageUrl = URL.createObjectURL(file.raw);
     },
-    handleAvatarSuccessone (res, file) {
+    handleAvatarSuccessone(res, file) {
       if (res.code !== 0) {
-        return this.$message.error('上传图片失败')
+        return this.$message.error("上传图片失败");
       }
-      debugger
+      debugger;
       this.dataForm.infoList.map((item, index) => {
-        if (item.attrType == '子系统一图片') {
+        if (item.attrType == "子系统一图片") {
           if (!this.dataForm.infoList[index].attrValue) {
-            this.dataForm.infoList[index].attrValue = res.data
+            this.dataForm.infoList[index].attrValue = res.data;
           } else {
-            this.dataForm.infoList[index].attrValue = ''
-            this.dataForm.infoList[index].attrValue = res.data
+            this.dataForm.infoList[index].attrValue = "";
+            this.dataForm.infoList[index].attrValue = res.data;
           }
-          console.log('上传图片', this.dataForm.infoList[index])
+          console.log("上传图片", this.dataForm.infoList[index]);
         }
-      })
+      });
       // this.imageUrl = URL.createObjectURL(file.raw);
     },
-    handleAvatarSuccesstwo (res, file) {
+    handleAvatarSuccesstwo(res, file) {
       if (res.code !== 0) {
-        return this.$message.error('上传图片失败')
+        return this.$message.error("上传图片失败");
       }
-      debugger
+      debugger;
       this.dataForm.infoList.map((item, index) => {
-        if (item.attrType == '子系统二图片') {
+        if (item.attrType == "子系统二图片") {
           if (!this.dataForm.infoList[index].attrValue) {
-            this.dataForm.infoList[index].attrValue = res.data
+            this.dataForm.infoList[index].attrValue = res.data;
           } else {
-            this.dataForm.infoList[index].attrValue = ''
-            this.dataForm.infoList[index].attrValue = res.data
+            this.dataForm.infoList[index].attrValue = "";
+            this.dataForm.infoList[index].attrValue = res.data;
           }
-          console.log('上传图片', this.dataForm.infoList[index])
+          console.log("上传图片", this.dataForm.infoList[index]);
         }
-      })
+      });
       // this.imageUrl = URL.createObjectURL(file.raw);
     },
-    handleAvatarSuccessthree (res, file) {
+    handleAvatarSuccessthree(res, file) {
       if (res.code !== 0) {
-        return this.$message.error('上传图片失败')
+        return this.$message.error("上传图片失败");
       }
-      debugger
+      debugger;
       this.dataForm.infoList.map((item, index) => {
-        if (item.attrType == '子系统三图片') {
+        if (item.attrType == "子系统三图片") {
           if (!this.dataForm.infoList[index].attrValue) {
-            this.dataForm.infoList[index].attrValue = res.data
+            this.dataForm.infoList[index].attrValue = res.data;
           } else {
-            this.dataForm.infoList[index].attrValue = ''
-            this.dataForm.infoList[index].attrValue = res.data
+            this.dataForm.infoList[index].attrValue = "";
+            this.dataForm.infoList[index].attrValue = res.data;
           }
-          console.log('上传图片', this.dataForm.infoList[index])
+          console.log("上传图片", this.dataForm.infoList[index]);
         }
-      })
+      });
       // this.imageUrl = URL.createObjectURL(file.raw);
     },
-    beforeAvatarUpload (file) {
+    beforeAvatarUpload(file) {
       const isImage =
-        file.type === 'image/jpeg' ||
-        file.type === 'image/jpg' ||
-        file.type === 'image/png'
-      const isLt2M = file.size / 1024 / 1024 < 9999
+        file.type === "image/jpeg" ||
+        file.type === "image/jpg" ||
+        file.type === "image/png";
+      const isLt2M = file.size / 1024 / 1024 < 9999;
 
       if (!isImage) {
-        this.$message.error('上传头像图片只能是 JPG 格式!')
+        this.$message.error("上传头像图片只能是 JPG 格式!");
       }
       if (!isLt2M) {
-        this.$message.error('上传头像图片大小不能超过 2MB!')
+        this.$message.error("上传头像图片大小不能超过 2MB!");
       }
-      return isImage && isLt2M
+      return isImage && isLt2M;
     },
-    addUploadRemoveFile (file, fileList) {
-      this.$refs.addUpload.clearFiles()
-      this.addDataFrom.imageUrl = ''
+    addUploadRemoveFile(file, fileList) {
+      this.$refs.addUpload.clearFiles();
+      this.addDataFrom.imageUrl = "";
     },
-    showView (file) {
-      this.previewImg = file.url
-      this.dialogVisibleImg = true
+    showView(file) {
+      this.previewImg = file.url;
+      this.dialogVisibleImg = true;
     },
     // 获取当前管理员信息
-    getUserInfo () {
-      this.$http.get('/sys/user/info').then(({ data: res }) => {
-        this.dataForm.deptId = res.data.deptId
-        this.deptId = res.data.deptId
-        console.log('depid', this.dataForm)
-      })
+    getUserInfo() {
+      this.$http.get("/sys/user/info").then(({ data: res }) => {
+        this.dataForm.deptId = res.data.deptId;
+        this.deptId = res.data.deptId;
+        console.log("depid", this.dataForm);
+      });
     },
-    guanbi () {
+    guanbi() {
       this.dataForm = {
-        id: '',
-        deptId: '',
-        deptContacts: '',
-        deptPhone: '',
-        dataVolume: '',
-        shareCondition: '',
-        shareType: '',
-        shareMode: '',
+        id: "",
+        deptId: "",
+        deptContacts: "",
+        deptPhone: "",
+        dataVolume: "",
+        shareCondition: "",
+        shareType: "",
+        shareMode: "",
         delFlag: 0,
-        description: '',
+        description: "",
         downloads: 0,
-        image: '',
+        image: "",
         showList: [],
         infoList: [],
-        link: '',
-        name: '',
-        note1: '',
-        note2: '',
-        note3: '',
-        note4: '',
-        note5: '',
-        score: '',
-        type: '应用资源',
-        apiMethodType: '',
-        apiUrl: '',
-        visits: 0
-      }
+        link: "",
+        name: "",
+        note1: "",
+        note2: "",
+        note3: "",
+        note4: "",
+        note5: "",
+        score: "",
+        type: "应用资源",
+        apiMethodType: "",
+        apiUrl: "",
+        visits: 0,
+      };
     },
-    handleRemove (file, fileList) {
-      console.log(file, fileList)
+    handleRemove(file, fileList) {
+      console.log(file, fileList);
     },
-    handlePictureCardPreview (file) {
-      this.dialogImageUrl = file.url
-      this.dialogVisible = true
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
     },
     // 上传图片之前
-    uploadBeforeUploadHandle (file) {
+    uploadBeforeUploadHandle(file) {
       if (
-        file.type !== 'image/jpg' &&
-        file.type !== 'image/jpeg' &&
-        file.type !== 'image/png' &&
-        file.type !== 'image/gif'
+        file.type !== "image/jpg" &&
+        file.type !== "image/jpeg" &&
+        file.type !== "image/png" &&
+        file.type !== "image/gif"
       ) {
-        this.$message.error('只支持jpg、png、gif格式的图片！')
-        return false
+        this.$message.error("只支持jpg、png、gif格式的图片！");
+        return false;
       }
     },
-    imgUploadSuccess (res, file, fileList) {
-      console.log('zzzzzzz', res, file, fileList)
+    imgUploadSuccess(res, file, fileList) {
+      console.log("zzzzzzz", res, file, fileList);
 
       if (res.code !== 0) {
-        return this.$message.error(res.msg)
+        return this.$message.error(res.msg);
       }
     },
-    init () {
-      this.getInfoList()
-      this.visible = true
+    init() {
+      this.getInfoList();
+      this.visible = true;
       this.$nextTick(() => {
-        this.$refs.dataForm && this.$refs.dataForm.resetFields()
-        this.iconList = getIconList()
+        this.$refs.dataForm && this.$refs.dataForm.resetFields();
+        this.iconList = getIconList();
         if (this.dataForm.id) {
-          this.getInfo()
+          this.getInfo();
         }
-      })
+      });
     },
     // 获取属性信息
-    getInfoList () {
+    getInfoList() {
       const parms = {
-        topCategoryName: '应用资源'
-      }
-      this.infoList2 = []
+        topCategoryName: "应用资源",
+      };
+      this.infoList2 = [];
       this.$http
-        .get('/category/getAllFiledByTopCategory' + '?' + qs.stringify(parms))
+        .get("/category/getAllFiledByTopCategory" + "?" + qs.stringify(parms))
         .then(({ data: res }) => {
           if (res.code !== 0) {
-            return this.$message.error(res.msg)
+            return this.$message.error(res.msg);
           }
           res.data.map((item, index) => {
             if (
-              item.name.search('应用名称') == -1 &&
-              item.name.search('地址') == -1 &&
+              item.name.search("应用名称") == -1 &&
+              item.name.search("地址") == -1 &&
               // item.name.search("描述") == -1 &&
-              item.name !== '组件描述' &&
-              item.name !== '组件名称' &&
-              item.name !== '服务接口' &&
-              item.name !== '共享类型' &&
-              item.name !== '共享条件' &&
-              item.name !== '共享方式' &&
-              item.name !== '部门联系人电话' &&
-              item.name !== '部门统一社会代码' &&
-              item.name !== '部门联系人' &&
-              item.name !== '服务商统一社会信用代码' &&
-              item.name !== '服务接口请求方式' &&
-              item.name !== '部门名称'
+              item.name !== "组件描述" &&
+              item.name !== "组件名称" &&
+              item.name !== "服务接口" &&
+              item.name !== "共享类型" &&
+              item.name !== "共享条件" &&
+              item.name !== "共享方式" &&
+              item.name !== "部门联系人电话" &&
+              item.name !== "部门统一社会代码" &&
+              item.name !== "部门联系人" &&
+              item.name !== "服务商统一社会信用代码" &&
+              item.name !== "服务接口请求方式" &&
+              item.name !== "部门名称"
             ) {
               const duixiang = {
                 attrType: item.name,
-                attrValue: '',
-                delFlag: 0
-              }
-              this.infoList2.push(item)
-              if (item.isLinkToDic != 'false') {
+                attrValue: "",
+                delFlag: 0,
+              };
+              this.infoList2.push(item);
+              if (item.isLinkToDic != "false") {
                 const xinxi = {
                   page: 1,
                   limit: 99,
                   dictTypeId: item.linkValue,
-                  dictLabel: '',
-                  dictValue: ''
-                }
+                  dictLabel: "",
+                  dictValue: "",
+                };
                 this.$http
-                  .get('/sys/dict/data/page' + '?' + qs.stringify(xinxi))
+                  .get("/sys/dict/data/page" + "?" + qs.stringify(xinxi))
                   .then(({ data: res2 }) => {
                     // this.infoList2[index - 1].children = res2.data.list
                     this.infoList2.map((item3, index3) => {
                       if (item3.name == item.name) {
                         Vue.set(
                           this.infoList2[index3],
-                          'children',
+                          "children",
                           res2.data.list
-                        )
+                        );
                       }
-                    })
+                    });
                     this.dataFormUpdate.infoList.map((item3, index3) => {
                       if (item3.attrType == item.name) {
                         Vue.set(
                           this.dataFormUpdate.infoList[index3],
-                          'children',
+                          "children",
                           res2.data.list
-                        )
+                        );
                       }
-                    })
+                    });
                     console.log(
-                      '11111111111111111111111111110',
+                      "11111111111111111111111111110",
                       this.dataFormUpdate
-                    )
-                  })
+                    );
+                  });
               }
-              this.dataForm.infoList.push(duixiang)
+              this.dataForm.infoList.push(duixiang);
             }
-          })
-          console.log('this.infoList', this.dataFormUpdate)
+          });
+          console.log("this.infoList", this.dataFormUpdate);
         })
-        .catch(() => {})
+        .catch(() => {});
       this.$http
-        .get('/sys/dict/data/page' + '?' + qs.stringify(parms))
+        .get("/sys/dict/data/page" + "?" + qs.stringify(parms))
         .then(({ data: res }) => {
           if (res.code !== 0) {
-            return this.$message.error(res.msg)
+            return this.$message.error(res.msg);
           }
-          console.log('this.infoList', this.dataForm)
+          console.log("this.infoList", this.dataForm);
         })
-        .catch(() => {})
+        .catch(() => {});
     },
     // 图标, 选中
-    iconListCurrentChangeHandle (icon) {
-      this.dataForm.imgurl = icon
-      this.iconListVisible = false
+    iconListCurrentChangeHandle(icon) {
+      this.dataForm.imgurl = icon;
+      this.iconListVisible = false;
     },
     // 上级菜单树, 选中
-    menuListTreeCurrentChangeHandle (data) {
-      this.dataForm.pid = data.id
-      this.dataForm.type = data.name
-      this.menuListVisible = false
+    menuListTreeCurrentChangeHandle(data) {
+      this.dataForm.pid = data.id;
+      this.dataForm.type = data.name;
+      this.menuListVisible = false;
     },
     // 上级菜单树, 设置默认值
-    deptListTreeSetDefaultHandle () {
-      this.dataForm.pid = '0'
-      this.dataForm.type = '目录级别'
+    deptListTreeSetDefaultHandle() {
+      this.dataForm.pid = "0";
+      this.dataForm.type = "目录级别";
     },
     // 获取信息
-    getInfo () {
+    getInfo() {
       this.$http
-        .get('/ability/bsabilityai/' + this.dataForm.id)
+        .get("/ability/bsabilityai/" + this.dataForm.id)
         .then(({ data: res }) => {
           if (res.code !== 0) {
-            return this.$message.error(res.msg)
+            return this.$message.error(res.msg);
           }
           this.dataForm = {
             ...this.dataForm,
-            ...res.data
-          }
+            ...res.data,
+          };
         })
-        .catch(() => {})
+        .catch(() => {});
     },
     // 表单提交
     dataFormSubmitHandle: debounce(
       function () {
         this.$refs.dataForm.validate((valid) => {
-          this.getUserInfo()
-          this.dataForm.deptId = this.deptId
+          this.getUserInfo();
+          this.dataForm.deptId = this.deptId;
           if (!valid) {
-            this.$message.error('请检查表单是否填写完整')
-            return false
+            this.$message.error("请检查表单是否填写完整");
+            return false;
           }
-          console.log('表单数据=======================》', this.dataForm)
+          console.log("表单数据=======================》", this.dataForm);
           if (!this.UpdateState) {
-            this.dataForm.infoList = []
-            this.dataForm.showListAll.forEach(val => {
-              if (val.name !== '必填信息') {
-                if (val.name === '服务接口信息') {
-                  val.children.forEach(item => {
-                    if (item.name === '服务接口') {
-                      this.dataForm.apiUrl = item.note1
+            this.dataForm.infoList = [];
+            this.dataForm.showListAll.forEach((val) => {
+              if (val.name !== "必填信息") {
+                if (val.name === "服务接口信息") {
+                  val.children.forEach((item) => {
+                    if (item.name === "服务接口") {
+                      this.dataForm.apiUrl = item.note1;
                     }
-                    if (item.name === '接口请求方式') {
-                      this.dataForm.apiMethodType = item.note1
+                    if (item.name === "接口请求方式") {
+                      this.dataForm.apiMethodType = item.note1;
                     }
-                    if (item.name === '访问地址') {
-                      this.dataForm.link = item.note1
+                    if (item.name === "访问地址") {
+                      this.dataForm.link = item.note1;
                     }
-                  })
+                  });
                 } else {
-                  val.children.forEach(item => {
+                  val.children.forEach((item) => {
                     this.dataForm.infoList.push({
                       attrType: item.name,
                       attrValue: item.note1,
-                      delFlag: 0
-                    })
-                  })
+                      delFlag: 0,
+                    });
+                  });
                 }
               }
-            })
+            });
             this.$http
-              .post('/resource/insert?source= b', this.dataForm)
+              .post("/resource/insert?source= b", this.dataForm)
               .then(({ data: res }) => {
                 if (res.code !== 0) {
-                  return this.$message.error(res.msg)
+                  return this.$message.error(res.msg);
                 }
                 this.$message({
-                  message: this.$t('prompt.success'),
-                  type: 'success',
+                  message: this.$t("prompt.success"),
+                  type: "success",
                   duration: 500,
                   onClose: () => {
-                    this.visible = false
-                    this.$emit('refreshDataList')
-                  }
-                })
+                    this.visible = false;
+                    this.$emit("refreshDataList");
+                  },
+                });
               })
-              .catch(() => {})
+              .catch(() => {});
           } else {
             this.$http
-              .put('/resource/update', this.dataFormUpdate)
+              .put("/resource/update", this.dataFormUpdate)
               .then(({ data: res }) => {
                 if (res.code !== 0) {
-                  return this.$message.error(res.msg)
+                  return this.$message.error(res.msg);
                 }
                 this.$message({
-                  message: this.$t('prompt.success'),
-                  type: 'success',
+                  message: this.$t("prompt.success"),
+                  type: "success",
                   duration: 500,
                   onClose: () => {
-                    this.visible = false
-                    this.$emit('refreshDataList')
-                  }
-                })
+                    this.visible = false;
+                    this.$emit("refreshDataList");
+                  },
+                });
               })
-              .catch(() => {})
+              .catch(() => {});
           }
-        })
+        });
       },
       1000,
       { leading: true, trailing: false }
     ),
-    showListChagne () {
-      this.dataForm.showList = this.dataForm.showListAll.filter(item => this.checkList.indexOf(item.name) > -1)
-      console.log('属性变更===================>', this.checkList, this.dataForm.showList, this.dataForm.showListAll)
-    }
+    showListChagne() {
+      this.dataForm.showList = this.dataForm.showListAll.filter(
+        (item) => this.checkList.indexOf(item.name) > -1
+      );
+      console.log(
+        "属性变更===================>",
+        this.checkList,
+        this.dataForm.showList,
+        this.dataForm.showListAll
+      );
+    },
   },
-  mounted () {
-    this.getUserInfo()
+  mounted() {
+    this.getUserInfo();
   },
-  beforeDestroy () {
-    console.log('销毁~~~~~~~~~~~~~~~~~~~~')
-  }
-}
+  beforeDestroy() {
+    console.log("销毁~~~~~~~~~~~~~~~~~~~~");
+  },
+};
 </script>
 
 <style lang="scss" scoped>
diff --git a/back/src/views/modules/canassigncase/bsabilityservice-add-or-update.vue b/back/src/views/modules/canassigncase/bsabilityservice-add-or-update.vue
deleted file mode 100644
index 81b7d5ed..00000000
--- a/back/src/views/modules/canassigncase/bsabilityservice-add-or-update.vue
+++ /dev/null
@@ -1,980 +0,0 @@
-<template>
-  <div>
-    <el-dialog
-      :visible.sync="visible"
-      :title="disabled ? '能力展示' : '挂接'"
-      @close="guanbi"
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-    >
-      <!-- 挂载和修改-->
-      <div key="1" v-if="!disabled">
-        <!-- 挂载-->
-        <div style="text-align:center;font-weight: 600;font-size: 18px;margin-bottom: 10px;">填写字段</div>
-        <el-checkbox-group v-model="checkList" @change="showListChagne" style="margin-bottom:20px;">
-          <el-checkbox-button v-for="item in dataForm.showListAll" :label="item.name" :key="item.id">{{item.name}}</el-checkbox-button>
-        </el-checkbox-group>
-        <el-form
-          v-if="!UpdateState"
-          :model="dataForm"
-          :rules="rules"
-          ref="dataForm"
-          @keyup.enter.native="dataFormSubmitHandle()"
-          :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'"
-        >
-          <div v-show="checkList.indexOf('必填信息')>-1">
-            <div style="text-align:center;font-weight: 600;font-size: 18px;margin-bottom: 10px;">必填信息</div>
-            <el-form-item label="应用名称" prop="name">
-              <el-input v-model="dataForm.name" placeholder="请输入组件名称" ></el-input>
-            </el-form-item>
-            <el-form-item label="应用描述" prop="description">
-              <el-input v-model="dataForm.description" placeholder="请输入组件描述" ></el-input>
-            </el-form-item>
-            <el-form-item label="部门联系人" prop="deptContacts">
-              <el-input v-model="dataForm.deptContacts" placeholder="请输入部门联系人" ></el-input>
-            </el-form-item>
-            <el-form-item label="部门联系人电话" prop="deptPhone">
-              <el-input v-model="dataForm.deptPhone" placeholder="请输入部门联系人电话" ></el-input>
-            </el-form-item>
-            <el-form-item label="共享条件" prop="shareCondition">
-              <el-select
-                v-model="dataForm.shareCondition"
-                placeholder="请选择共享条件"
-              >
-                <el-option
-                  v-for="val in typeOptions"
-                  :key="val.value"
-                  :label="val.label"
-                  :value="val.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="共享类型" prop="shareType"><el-select
-                v-model="dataForm.shareType"
-                placeholder="请选择共享类型"
-              >
-                <el-option
-                  v-for="val in conditionOptions"
-                  :key="val.value"
-                  :label="val.label"
-                  :value="val.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="共享方式" prop="shareMode">
-              <el-input v-model="dataForm.shareMode" placeholder="请输入共享方式" ></el-input>
-            </el-form-item>
-          </div>
-          <div v-for="item in dataForm.showList" :key="item.id" v-show="item.name !== '必填信息'">
-            <div style="text-align:center;font-weight: 600;font-size: 18px;margin-bottom: 10px;">{{item.name}}</div>
-            <el-form-item :label="child.name" v-for="child in item.children" :key="child.id" v-show="item.children">
-              <el-input v-model="child.note1" :placeholder="'请输入'+child.name" v-if="child.type=='input'"></el-input>
-              <el-input v-model="child.note1" :placeholder="'请输入'+child.name" type="textarea" :rows="2" v-if="child.type=='textArea'"></el-input>
-              <el-select
-                v-else-if="child.type=='select'"
-                v-model="child.note1"
-                :placeholder="'请选择' + child.name"
-              >
-                <el-option
-                  v-for="val in child.options"
-                  :key="val"
-                  :label="val"
-                  :value="val"
-                >
-                </el-option>
-              </el-select>
-              <upload v-else-if="child.type=='images'" :child='child' limit='5' accept='.jpg,.png'></upload>
-              <upload v-else-if="child.type=='image'" :child='child' limit='1' accept='.jpg,.png'></upload>
-              <upload v-else-if="child.type=='video'" :child='child' limit='1' accept='.mp4'></upload>
-            </el-form-item>
-          </div>
-        </el-form>
-        <!-- 修改-->
-        <el-form
-          v-else
-          :model="dataFormUpdate"
-          ref="dataForm"
-          @keyup.enter.native="dataFormSubmitHandle()"
-          :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'"
-        >
-          <el-form-item label="应用名称">
-            <el-input
-              v-model="dataFormUpdate.name"
-              placeholder="应用名称"
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="应用描述">
-            <el-input
-              v-model="dataFormUpdate.description"
-              placeholder="应用描述"
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="访问地址">
-            <el-input
-              v-model="dataFormUpdate.link"
-              placeholder="访问地址"
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="部门联系人">
-            <el-input
-              v-model="dataFormUpdate.deptContacts"
-              placeholder="部门联系人"
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="部门联系人电话">
-            <el-input
-              v-model="dataFormUpdate.deptPhone"
-              placeholder="部门联系人电话"
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="共享类型">
-            <el-select v-model="dataFormUpdate.shareType" placeholder="请选择">
-              <el-option
-                v-for="item in typeOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
-            </el-select>
-            <!-- <el-input v-model="dataFormUpdate.shareType" placeholder="共享类型"></el-input> -->
-          </el-form-item>
-          <el-form-item label="共享条件">
-            <el-select
-              v-model="dataFormUpdate.shareCondition"
-              placeholder="请选择"
-            >
-              <el-option
-                v-for="item in conditionOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
-            </el-select>
-            <!-- <el-input v-model="dataFormUpdate.shareCondition" placeholder="共享条件"></el-input> -->
-          </el-form-item>
-          <el-form-item label="共享方式">
-            <el-input
-              v-model="dataFormUpdate.shareMode"
-              placeholder="共享方式"
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="服务接口">
-            <el-input
-              v-model="dataFormUpdate.apiUrl"
-              placeholder="服务接口"
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="服务接口请求方式">
-            <el-input
-              v-model="dataFormUpdate.apiMethodType"
-              placeholder="服务接口请求方式"
-            ></el-input>
-          </el-form-item>
-          <el-form-item
-            v-for="item in dataFormUpdate.infoList"
-            :key="item.index"
-            :label="item.attrType"
-          >
-            <el-input
-              v-model="item.attrValue"
-              :placeholder="item.attrType"
-              v-if="
-                item.attrType != '应用领域' &&
-                  item.attrType != '应用类型' &&
-                  item.attrType != '发布端' &&
-                  item.attrType != '应用状态'
-              "
-            ></el-input>
-            <el-select
-              v-else
-              v-model="item.attrValue"
-              :placeholder="item.attrType"
-            >
-              <el-option
-                :value="item2.dictLabel"
-                v-for="item2 in item.children"
-                :key="item2.id"
-                :label="item2.dictLabel"
-              ></el-option>
-            </el-select>
-            <!-- <el-upload
-              v-if="item.attrType == '应用图片'"
-              ref="addUpload"
-              class="upload-demo"
-              :action="fileUploadUrl"
-              :on-success="handleAvatarSuccess"
-              :before-upload="beforeAvatarUpload"
-              :on-remove="addUploadRemoveFile"
-              :on-preview="showView"
-              list-type="picture"
-            >
-              <el-button size="small" type="primary">点击上传</el-button>
-              <div slot="tip" class="el-upload__tip">
-                只能上传jpg/png文件，且不超过200M
-              </div>
-            </el-upload> -->
-          </el-form-item>
-        </el-form>
-      </div>
-      <!-- 展示 -->
-      <el-form
-        key="2"
-        class="detial-form"
-        v-else
-        :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'"
-      >
-        <el-form-item label="应用名称" prop="name">
-          {{ dataFormShowDetails.name || "--" }}
-        </el-form-item>
-        <el-form-item label="应用描述">
-          {{ dataFormShowDetails.description || "--" }}
-        </el-form-item>
-        <el-form-item label="访问地址">
-          {{ dataFormShowDetails.link || "--" }}
-        </el-form-item>
-        <el-form-item label="部门联系人">
-          {{ dataFormShowDetails.deptContacts || "--" }}
-        </el-form-item>
-        <el-form-item label="部门联系人电话">
-          {{ dataFormShowDetails.deptPhone || "--" }}
-        </el-form-item>
-        <el-form-item label="共享类型">
-          {{ dataFormShowDetails.shareType || "--" }}
-        </el-form-item>
-        <el-form-item label="共享条件">
-          {{ dataFormShowDetails.shareCondition || "--" }}
-        </el-form-item>
-        <el-form-item label="共享方式">
-          {{ dataFormShowDetails.shareMode || "--" }}
-        </el-form-item>
-        <el-form-item label="服务接口">
-          {{ dataFormShowDetails.apiUrl || "--" }}
-        </el-form-item>
-        <el-form-item label="服务接口请求方式">
-          {{ dataFormShowDetails.apiMethodType || "--" }}
-        </el-form-item>
-        <el-form-item
-          v-for="item in dataFormShowDetails.infoList"
-          :key="item.index"
-          :label="item.attrType"
-          :prop="item.attrValue"
-        >
-          {{ item.attrValue || "--" }}
-        </el-form-item>
-      </el-form>
-      <template slot="footer" v-if="!disabled">
-        <el-button @click="visible = false">{{ $t("cancel") }}</el-button>
-        <el-button type="primary" @click="dataFormSubmitHandle()">{{
-          $t("confirm")
-        }}</el-button>
-      </template>
-    </el-dialog>
-    <div>
-      <el-dialog :visible.sync="dialogVisibleImg">
-        <img width="100%" :src="previewImg" />
-      </el-dialog>
-    </div>
-  </div>
-</template>
-
-<script>
-import debounce from 'lodash/debounce'
-import dictionaries from '@/utils/dictionaries'
-import { mapState } from 'vuex'
-import { getIconList } from '@/utils'
-import Cookies from 'js-cookie'
-import upload from './upload.vue'
-import bus from '@/views/bus.js'
-import qs from 'qs'
-import Vue from 'vue'
-export default {
-  components: {
-    upload
-  },
-  data () {
-    return {
-      checkList: [],
-      dialogVisibleImg: false,
-      previewImg: '', // 预览图片
-      dialogVisible: false,
-      fileUploadUrl: window.SITE_CONFIG.apiURL + '/upload',
-      uploadUrl:
-        window.SITE_CONFIG.apiURL +
-        '/sys/oss/upload?token=' +
-        Cookies.get('ucsToken'),
-      companyArr: dictionaries.companyArr,
-      visible: false,
-      sceneArr: dictionaries.sceneArr,
-      fieldArr: dictionaries.fieldArr,
-      shareFormArr: dictionaries.shareFormArr,
-      shareTypeArr: dictionaries.shareTypeArr,
-      iconList: [],
-      iconListVisible: false,
-      menuListVisible: false,
-      UpdateState: false,
-      dataForm: {
-        id: '',
-        deptId: '',
-        deptContacts: '',
-        deptPhone: '',
-        dataVolume: '',
-        shareCondition: '',
-        shareType: '',
-        shareMode: '',
-        delFlag: 0,
-        description: '',
-        downloads: 0,
-        image: '',
-        showList: [],
-        infoList: [],
-        link: '',
-        name: '',
-        note1: '',
-        note2: '',
-        note3: '',
-        note4: '',
-        note5: '',
-        score: '',
-        type: '应用资源',
-        apiMethodType: '',
-        apiUrl: '',
-        visits: 0
-      },
-      deptId: '',
-      fangwendizhi: '',
-      mingzi: '',
-      dataFormUpdate: {},
-      dataFormShowDetails: {},
-      infoList2: [],
-      infoList3: [],
-      typeOptions: [
-        { value: '有条件共享', label: '有条件共享' },
-        { value: '无条件共享', label: '无条件共享' }
-      ],
-      conditionOptions: [
-        { value: '申请', label: '申请' },
-        { value: '免批申请', label: '免批申请' }
-      ],
-
-      rules: {
-        name: [
-          {
-            required: true,
-            message: '请输入应用名称',
-            trigger: 'change'
-          }
-        ],
-        description: [
-          {
-            required: true,
-            message: '请输入应用描述',
-            trigger: 'change'
-          }
-        ],
-        deptContacts: [
-          {
-            required: true,
-            message: '请输入部门联系人',
-            trigger: 'change'
-          }
-        ],
-        deptPhone: [
-          {
-            required: true,
-            message: '请输入部门联系人电话',
-            trigger: 'change'
-          }
-        ],
-        shareCondition: [
-          {
-            required: true,
-            message: '请选择共享条件',
-            trigger: 'change'
-          }
-        ],
-        shareType: [
-          {
-            required: true,
-            message: '请选择请输入共享类型',
-            trigger: 'change'
-          }
-        ],
-        shareMode: [
-          {
-            required: true,
-            message: '请输入共享方式',
-            trigger: 'change'
-          }
-        ]
-      }
-    }
-  },
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    ...mapState(['catalogueTree']),
-    ...mapState(['departmentSelects']),
-    dataRule () {
-      return {
-        name: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ],
-        version: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ],
-        visitUrl: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ],
-        type: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ],
-        shareType: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ],
-        shareForm: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ],
-        field: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ],
-        scene: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ],
-        deptId: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ],
-        content: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ],
-        rank: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ],
-        useInfo: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ],
-        remarks: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ],
-        isUp: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
-        ]
-      }
-    }
-  },
-  methods: {
-    // 上传图片
-    handleAvatarSuccess (res, file) {
-      if (res.code !== 0) {
-        return this.$message.error('上传图片失败')
-      }
-      debugger
-      this.dataForm.infoList.map((item, index) => {
-        if (item.attrType == '应用图片') {
-          if (!this.dataForm.infoList[index].attrValue) {
-            this.dataForm.infoList[index].attrValue = res.data
-          } else {
-            this.dataForm.infoList[index].attrValue += ';' + res.data
-          }
-          console.log('上传图片', this.dataForm.infoList[index])
-        }
-      })
-      // this.imageUrl = URL.createObjectURL(file.raw);
-    },
-    handleAvatarSuccessone (res, file) {
-      if (res.code !== 0) {
-        return this.$message.error('上传图片失败')
-      }
-      debugger
-      this.dataForm.infoList.map((item, index) => {
-        if (item.attrType == '子系统一图片') {
-          if (!this.dataForm.infoList[index].attrValue) {
-            this.dataForm.infoList[index].attrValue = res.data
-          } else {
-            this.dataForm.infoList[index].attrValue = ''
-            this.dataForm.infoList[index].attrValue = res.data
-          }
-          console.log('上传图片', this.dataForm.infoList[index])
-        }
-      })
-      // this.imageUrl = URL.createObjectURL(file.raw);
-    },
-    handleAvatarSuccesstwo (res, file) {
-      if (res.code !== 0) {
-        return this.$message.error('上传图片失败')
-      }
-      debugger
-      this.dataForm.infoList.map((item, index) => {
-        if (item.attrType == '子系统二图片') {
-          if (!this.dataForm.infoList[index].attrValue) {
-            this.dataForm.infoList[index].attrValue = res.data
-          } else {
-            this.dataForm.infoList[index].attrValue = ''
-            this.dataForm.infoList[index].attrValue = res.data
-          }
-          console.log('上传图片', this.dataForm.infoList[index])
-        }
-      })
-      // this.imageUrl = URL.createObjectURL(file.raw);
-    },
-    handleAvatarSuccessthree (res, file) {
-      if (res.code !== 0) {
-        return this.$message.error('上传图片失败')
-      }
-      debugger
-      this.dataForm.infoList.map((item, index) => {
-        if (item.attrType == '子系统三图片') {
-          if (!this.dataForm.infoList[index].attrValue) {
-            this.dataForm.infoList[index].attrValue = res.data
-          } else {
-            this.dataForm.infoList[index].attrValue = ''
-            this.dataForm.infoList[index].attrValue = res.data
-          }
-          console.log('上传图片', this.dataForm.infoList[index])
-        }
-      })
-      // this.imageUrl = URL.createObjectURL(file.raw);
-    },
-    beforeAvatarUpload (file) {
-      const isImage =
-        file.type === 'image/jpeg' ||
-        file.type === 'image/jpg' ||
-        file.type === 'image/png'
-      const isLt2M = file.size / 1024 / 1024 < 9999
-
-      if (!isImage) {
-        this.$message.error('上传头像图片只能是 JPG 格式!')
-      }
-      if (!isLt2M) {
-        this.$message.error('上传头像图片大小不能超过 2MB!')
-      }
-      return isImage && isLt2M
-    },
-    addUploadRemoveFile (file, fileList) {
-      this.$refs.addUpload.clearFiles()
-      this.addDataFrom.imageUrl = ''
-    },
-    showView (file) {
-      this.previewImg = file.url
-      this.dialogVisibleImg = true
-    },
-    // 获取当前管理员信息
-    getUserInfo () {
-      this.$http.get('/sys/user/info').then(({ data: res }) => {
-        this.dataForm.deptId = res.data.deptId
-        this.deptId = res.data.deptId
-        console.log('depid', this.dataForm)
-      })
-    },
-    guanbi () {
-      this.dataForm = {
-        id: '',
-        deptId: '',
-        deptContacts: '',
-        deptPhone: '',
-        dataVolume: '',
-        shareCondition: '',
-        shareType: '',
-        shareMode: '',
-        delFlag: 0,
-        description: '',
-        downloads: 0,
-        image: '',
-        showList: [],
-        infoList: [],
-        link: '',
-        name: '',
-        note1: '',
-        note2: '',
-        note3: '',
-        note4: '',
-        note5: '',
-        score: '',
-        type: '应用资源',
-        apiMethodType: '',
-        apiUrl: '',
-        visits: 0
-      }
-    },
-    handleRemove (file, fileList) {
-      console.log(file, fileList)
-    },
-    handlePictureCardPreview (file) {
-      this.dialogImageUrl = file.url
-      this.dialogVisible = true
-    },
-    // 上传图片之前
-    uploadBeforeUploadHandle (file) {
-      if (
-        file.type !== 'image/jpg' &&
-        file.type !== 'image/jpeg' &&
-        file.type !== 'image/png' &&
-        file.type !== 'image/gif'
-      ) {
-        this.$message.error('只支持jpg、png、gif格式的图片！')
-        return false
-      }
-    },
-    imgUploadSuccess (res, file, fileList) {
-      console.log('zzzzzzz', res, file, fileList)
-
-      if (res.code !== 0) {
-        return this.$message.error(res.msg)
-      }
-    },
-    init () {
-      this.getInfoList()
-      this.visible = true
-      this.$nextTick(() => {
-        this.$refs.dataForm && this.$refs.dataForm.resetFields()
-        this.iconList = getIconList()
-        if (this.dataForm.id) {
-          this.getInfo()
-        }
-      })
-    },
-    // 获取属性信息
-    getInfoList () {
-      const parms = {
-        topCategoryName: '应用资源'
-      }
-      this.infoList2 = []
-      this.$http
-        .get('/category/getAllFiledByTopCategory' + '?' + qs.stringify(parms))
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg)
-          }
-          res.data.map((item, index) => {
-            if (
-              item.name.search('应用名称') == -1 &&
-              item.name.search('地址') == -1 &&
-              // item.name.search("描述") == -1 &&
-              item.name !== '组件描述' &&
-              item.name !== '组件名称' &&
-              item.name !== '服务接口' &&
-              item.name !== '共享类型' &&
-              item.name !== '共享条件' &&
-              item.name !== '共享方式' &&
-              item.name !== '部门联系人电话' &&
-              item.name !== '部门统一社会代码' &&
-              item.name !== '部门联系人' &&
-              item.name !== '服务商统一社会信用代码' &&
-              item.name !== '服务接口请求方式' &&
-              item.name !== '部门名称'
-            ) {
-              const duixiang = {
-                attrType: item.name,
-                attrValue: '',
-                delFlag: 0
-              }
-              this.infoList2.push(item)
-              if (item.isLinkToDic != 'false') {
-                const xinxi = {
-                  page: 1,
-                  limit: 99,
-                  dictTypeId: item.linkValue,
-                  dictLabel: '',
-                  dictValue: ''
-                }
-                this.$http
-                  .get('/sys/dict/data/page' + '?' + qs.stringify(xinxi))
-                  .then(({ data: res2 }) => {
-                    // this.infoList2[index - 1].children = res2.data.list
-                    this.infoList2.map((item3, index3) => {
-                      if (item3.name == item.name) {
-                        Vue.set(
-                          this.infoList2[index3],
-                          'children',
-                          res2.data.list
-                        )
-                      }
-                    })
-                    this.dataFormUpdate.infoList.map((item3, index3) => {
-                      if (item3.attrType == item.name) {
-                        Vue.set(
-                          this.dataFormUpdate.infoList[index3],
-                          'children',
-                          res2.data.list
-                        )
-                      }
-                    })
-                    console.log(
-                      '11111111111111111111111111110',
-                      this.dataFormUpdate
-                    )
-                  })
-              }
-              this.dataForm.infoList.push(duixiang)
-            }
-          })
-          console.log('this.infoList', this.dataFormUpdate)
-        })
-        .catch(() => {})
-      this.$http
-        .get('/sys/dict/data/page' + '?' + qs.stringify(parms))
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg)
-          }
-          console.log('this.infoList', this.dataForm)
-        })
-        .catch(() => {})
-    },
-    // 图标, 选中
-    iconListCurrentChangeHandle (icon) {
-      this.dataForm.imgurl = icon
-      this.iconListVisible = false
-    },
-    // 上级菜单树, 选中
-    menuListTreeCurrentChangeHandle (data) {
-      this.dataForm.pid = data.id
-      this.dataForm.type = data.name
-      this.menuListVisible = false
-    },
-    // 上级菜单树, 设置默认值
-    deptListTreeSetDefaultHandle () {
-      this.dataForm.pid = '0'
-      this.dataForm.type = '目录级别'
-    },
-    // 获取信息
-    getInfo () {
-      this.$http
-        .get('/ability/bsabilityai/' + this.dataForm.id)
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg)
-          }
-          this.dataForm = {
-            ...this.dataForm,
-            ...res.data
-          }
-        })
-        .catch(() => {})
-    },
-    // 表单提交
-    dataFormSubmitHandle: debounce(
-      function () {
-        this.$refs.dataForm.validate((valid) => {
-          this.getUserInfo()
-          this.dataForm.deptId = this.deptId
-          if (!valid) {
-            this.$message.error('请检查表单是否填写完整')
-            return false
-          }
-          console.log('表单数据=======================》', this.dataForm)
-          if (!this.UpdateState) {
-            this.dataForm.infoList = []
-            this.dataForm.showListAll.forEach(val => {
-              if (val.name !== '必填信息') {
-                if (val.name === '服务接口信息') {
-                  val.children.forEach(item => {
-                    if (item.name === '服务接口') {
-                      this.dataForm.apiUrl = item.note1
-                    }
-                    if (item.name === '接口请求方式') {
-                      this.dataForm.apiMethodType = item.note1
-                    }
-                    if (item.name === '访问地址') {
-                      this.dataForm.link = item.note1
-                    }
-                  })
-                } else {
-                  val.children.forEach(item => {
-                    this.dataForm.infoList.push({
-                      attrType: item.name,
-                      attrValue: item.note1,
-                      delFlag: 0
-                    })
-                  })
-                }
-              }
-            })
-            this.$http
-              .post('/resource/insert?source= b', this.dataForm)
-              .then(({ data: res }) => {
-                if (res.code !== 0) {
-                  return this.$message.error(res.msg)
-                }
-                this.$message({
-                  message: this.$t('prompt.success'),
-                  type: 'success',
-                  duration: 500,
-                  onClose: () => {
-                    this.visible = false
-                    this.$emit('refreshDataList')
-                  }
-                })
-              })
-              .catch(() => {})
-          } else {
-            this.$http
-              .put('/resource/update', this.dataFormUpdate)
-              .then(({ data: res }) => {
-                if (res.code !== 0) {
-                  return this.$message.error(res.msg)
-                }
-                this.$message({
-                  message: this.$t('prompt.success'),
-                  type: 'success',
-                  duration: 500,
-                  onClose: () => {
-                    this.visible = false
-                    this.$emit('refreshDataList')
-                  }
-                })
-              })
-              .catch(() => {})
-          }
-        })
-      },
-      1000,
-      { leading: true, trailing: false }
-    ),
-    showListChagne () {
-      this.dataForm.showList = this.dataForm.showListAll.filter(item => this.checkList.indexOf(item.name) > -1)
-      console.log('属性变更===================>', this.checkList, this.dataForm.showList, this.dataForm.showListAll)
-    }
-  },
-  mounted () {
-    this.getUserInfo()
-  },
-  beforeDestroy () {
-    console.log('销毁~~~~~~~~~~~~~~~~~~~~')
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-::v-deep .el-dialog__body {
-  height: 580px;
-  overflow: auto;
-}
-.icon-input ::v-deep .el-input__inner {
-  cursor: pointer;
-}
-.detial-form ::v-deep {
-  .el-form-item {
-    margin-bottom: 0px;
-    line-height: 32px;
-  }
-  .el-form-item__label {
-    line-height: 32px;
-  }
-  .el-form-item__content {
-    line-height: 32px;
-  }
-}
-::v-deep .el-checkbox-button__inner {
-  width: 130px;
-  margin: 0 10px 5px;
-  border-left: unset !important;
-  border-radius: unset !important;
-  border: 1px solid #dcdfe6 !important;
-}
-</style>
-
-<style lang="scss">
-.mod-sys__menu {
-  .menu-list,
-  .icon-list {
-    .el-input__inner,
-    .el-input__suffix {
-      cursor: pointer;
-    }
-  }
-  &-icon-popover {
-    width: 458px;
-    overflow: hidden;
-  }
-  &-icon-inner {
-    width: 478px;
-    max-height: 258px;
-    overflow-x: hidden;
-    overflow-y: auto;
-  }
-  &-icon-list {
-    width: 458px;
-    padding: 0;
-    margin: -8px 0 0 -8px;
-    > .el-button {
-      padding: 8px;
-      margin: 8px 0 0 8px;
-      > span {
-        display: inline-block;
-        vertical-align: middle;
-        width: 18px;
-        height: 18px;
-        font-size: 18px;
-      }
-    }
-  }
-}
-.previewImg {
-  position: fixed;
-  z-index: 9999;
-}
-</style>
diff --git a/back/src/views/modules/canassigncase/canassigncase-add-or-update.vue b/back/src/views/modules/canassigncase/canassigncase-add-or-update.vue
new file mode 100644
index 00000000..cfffea3d
--- /dev/null
+++ b/back/src/views/modules/canassigncase/canassigncase-add-or-update.vue
@@ -0,0 +1,515 @@
+<template>
+  <div>
+    <el-dialog
+      :visible.sync="visible"
+      :title="disabled ? '能力展示' : '挂接'"
+      @close="guanbi"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+    >
+      <!-- 挂载和修改-->
+      <div key="1" v-if="!disabled">
+        <!-- 挂接 -->
+        <el-form v-if="!UpdateState" ref="dataForm" :model="dataForm">
+          <el-form-item
+            v-for="(item, index) in dataList"
+            :key="index"
+            :label="item.attrType"
+          >
+            <el-input
+              v-model="dataForm.name"
+              v-if="item.type == 'name'"
+            ></el-input>
+            <el-input
+              v-model="dataForm.apiUrl"
+              v-if="item.type == 'link'"
+            ></el-input>
+            <el-input
+              type="textarea"
+              v-model="item.attrValue"
+              v-if="item.type == 'textarea'"
+            ></el-input>
+            <el-select
+              v-if="item.type == 'select'"
+              v-model="item.attrValue"
+              placeholder="请选择活动区域"
+            >
+              <el-option
+                :label="itemSelect"
+                v-for="(itemSelect, indexSelect) in item.children"
+                :key="indexSelect"
+                :value="itemSelect"
+              ></el-option>
+            </el-select>
+
+            <upload
+              :child="dataForm"
+              limit="1"
+              accept=".jpg,.png"
+              v-if="item.type == 'photo'"
+            ></upload>
+          </el-form-item>
+        </el-form>
+        <!-- 修改 -->
+        <el-form
+          v-else
+          :model="dataFormUpdate"
+          ref="dataForm"
+          @keyup.enter.native="dataFormSubmitHandle()"
+        >
+          <el-form-item label="场景名称">
+            <el-input
+              v-model="dataFormUpdate.name"
+              placeholder="场景名称"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="场景url">
+            <el-input
+              v-model="dataFormUpdate.apiUrl"
+              placeholder="场景url"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            v-for="item in dataFormUpdate.infoList"
+            :key="item.index"
+            :label="item.attrType"
+          >
+            <el-input
+              v-model="item.attrValue"
+              :placeholder="item.attrType"
+              v-if="item.attrType != '应用领域'"
+            ></el-input>
+            <el-select
+              v-else
+              v-model="item.attrValue"
+              :placeholder="item.attrType"
+            >
+              <el-option
+                :value="item2"
+                v-for="(item2, index2) in dataList[2].children"
+                :key="index2"
+                :label="item2"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+      <!-- 展示 -->
+      <el-form key="2" class="detial-form" v-else>
+        <el-form-item label="场景名称" prop="name">
+          {{ dataFormShowDetails.name || "--" }}
+        </el-form-item>
+        <el-form-item label="场景url" prop="name">
+          {{ dataFormShowDetails.apiUrl || "--" }}
+        </el-form-item>
+        <el-form-item
+          v-for="item in dataFormShowDetails.infoList"
+          :key="item.index"
+          :label="item.attrType"
+          :prop="item.attrValue"
+        >
+          {{ item.attrValue || "--" }}
+        </el-form-item>
+      </el-form>
+      <template slot="footer" v-if="true">
+        <el-button @click="visible = false">{{ $t("cancel") }}</el-button>
+        <el-button type="primary" @click="dataFormSubmitHandle()">{{
+          $t("confirm")
+        }}</el-button>
+      </template>
+    </el-dialog>
+    <div>
+      <el-dialog :visible.sync="dialogVisibleImg">
+        <img width="100%" :src="previewImg" />
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import debounce from "lodash/debounce";
+import dictionaries from "@/utils/dictionaries";
+import { mapState } from "vuex";
+import { getIconList } from "@/utils";
+import Cookies from "js-cookie";
+import upload from "./upload.vue";
+import qs from "qs";
+export default {
+  components: {
+    upload,
+  },
+  data() {
+    return {
+      checkList: [],
+      dialogVisibleImg: false,
+      previewImg: "", // 预览图片
+      dialogVisible: false,
+      fileUploadUrl: window.SITE_CONFIG.apiURL + "/upload",
+      uploadUrl:
+        window.SITE_CONFIG.apiURL +
+        "/sys/oss/upload?token=" +
+        Cookies.get("ucsToken"),
+      companyArr: dictionaries.companyArr,
+      visible: false,
+      sceneArr: dictionaries.sceneArr,
+      fieldArr: dictionaries.fieldArr,
+      shareFormArr: dictionaries.shareFormArr,
+      shareTypeArr: dictionaries.shareTypeArr,
+      iconList: [],
+      iconListVisible: false,
+      UpdateState: false,
+      dataForm: {
+        id: "",
+        deptId: "",
+        deptContacts: "",
+        deptPhone: "",
+        dataVolume: "",
+        shareCondition: "",
+        shareType: "",
+        shareMode: "",
+        delFlag: 0,
+        description: "",
+        downloads: 0,
+        image: "",
+        infoList: [],
+        link: "",
+        name: "",
+        note1: "",
+        note2: "",
+        note3: "",
+        note4: "",
+        note5: "",
+        score: "",
+        type: "赋能案例",
+        apiMethodType: "",
+        apiUrl: "",
+        visits: 0,
+      },
+      deptId: "",
+      fangwendizhi: "",
+      mingzi: "",
+      dataFormUpdate: {},
+      dataFormShowDetails: {},
+      infoList2: [],
+      infoList3: [],
+      dataList: [
+        { attrType: "场景名称", attrValue: "", type: "name" },
+        {
+          attrType: "图片",
+          attrValue: "",
+          type: "photo",
+          child: { node1: "" },
+        },
+        {
+          attrType: "应用领域",
+          attrValue: "",
+          type: "select",
+          children: [],
+        },
+        { attrType: "场景url", attrValue: "", type: "link" },
+        { attrType: "案例背景", attrValue: "", type: "textarea" },
+        { attrType: "业务挑战", attrValue: "", type: "textarea" },
+        { attrType: "解决方案", attrValue: "", type: "textarea" },
+        { attrType: "案例成效", attrValue: "", type: "textarea" },
+      ],
+    };
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  methods: {
+    // 获取当前管理员信息
+    getUserInfo() {
+      this.$http.get("/sys/user/info").then(({ data: res }) => {
+        this.dataForm.deptId = res.data.deptId;
+        this.deptId = res.data.deptId;
+        console.log("depid", this.dataForm);
+      });
+    },
+    handleRemove(file, fileList) {
+      console.log(file, fileList);
+    },
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+    // 上传图片之前
+    uploadBeforeUploadHandle(file) {
+      if (
+        file.type !== "image/jpg" &&
+        file.type !== "image/jpeg" &&
+        file.type !== "image/png" &&
+        file.type !== "image/gif"
+      ) {
+        this.$message.error("只支持jpg、png、gif格式的图片！");
+        return false;
+      }
+    },
+    imgUploadSuccess(res, file, fileList) {
+      console.log("zzzzzzz", res, file, fileList);
+
+      if (res.code !== 0) {
+        return this.$message.error(res.msg);
+      }
+    },
+    init() {
+      this.visible = true;
+      this.$nextTick(() => {
+        this.$refs.dataForm && this.$refs.dataForm.resetFields();
+        this.iconList = getIconList();
+        if (this.dataForm.id) {
+          this.getInfo();
+        }
+      });
+    },
+    // 图标, 选中
+    iconListCurrentChangeHandle(icon) {
+      this.dataForm.imgurl = icon;
+      this.iconListVisible = false;
+    },
+    // 获取信息
+    getInfo() {
+      const params = {
+        page: 1,
+        limit: 99,
+        dictTypeId: "1513712507692818433",
+      };
+      debugger;
+      this.$http
+        .get("/sys/dict/data/page" + "?" + qs.stringify(params))
+        .then(({ data: res }) => {
+          res.data.list.map((item) => {
+            this.dataList[2].children.push(item.dictLabel);
+          });
+        });
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(
+      function () {
+        this.$refs.dataForm.validate((valid) => {
+          this.getUserInfo();
+          this.dataForm.deptId = this.deptId;
+          console.log("表单数据=======================》", this.dataForm);
+          if (!this.UpdateState) {
+            this.dataList.map((item) => {
+              if (item.attrType != "场景名称" && item.attrType != "场景url") {
+                if (item.attrType == "图片" && this.dataForm.note1) {
+                  const params = {
+                    attrType: item.attrType,
+                    attrValue: this.dataForm.note1,
+                    delFlag: 0,
+                  };
+                  this.dataForm.infoList.push(params);
+                } else if (item.attrType != "图片" && item.attrValue) {
+                  const params = {
+                    attrType: item.attrType,
+                    attrValue: item.attrValue,
+                    delFlag: 0,
+                  };
+                  this.dataForm.infoList.push(params);
+                }
+              }
+            });
+            this.$http
+              .post("/resource/insert?source= b", this.dataForm)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  return this.$message.error(res.msg);
+                }
+                this.$message({
+                  message: this.$t("prompt.success"),
+                  type: "success",
+                  duration: 500,
+                  onClose: () => {
+                    this.visible = false;
+                    this.$emit("refreshDataList");
+                  },
+                });
+              })
+              .catch(() => {});
+          } else {
+            this.$http
+              .put("/resource/update", this.dataFormUpdate)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  return this.$message.error(res.msg);
+                }
+                this.$message({
+                  message: this.$t("prompt.success"),
+                  type: "success",
+                  duration: 500,
+                  onClose: () => {
+                    this.visible = false;
+                    this.$emit("refreshDataList");
+                  },
+                });
+              })
+              .catch(() => {});
+          }
+        });
+      },
+      1000,
+      { leading: true, trailing: false }
+    ),
+  },
+  watch: {
+    visible: {
+      immediate: true,
+      deep: true,
+      handler() {
+        this.dataForm = {
+          id: "",
+          deptId: "",
+          deptContacts: "",
+          deptPhone: "",
+          dataVolume: "",
+          shareCondition: "",
+          shareType: "",
+          shareMode: "",
+          delFlag: 0,
+          description: "",
+          downloads: 0,
+          image: "",
+          infoList: [],
+          link: "",
+          name: "",
+          note1: "",
+          note2: "",
+          note3: "",
+          note4: "",
+          note5: "",
+          score: "",
+          type: "赋能案例",
+          apiMethodType: "",
+          apiUrl: "",
+          visits: 0,
+        };
+        this.dataList = [
+          { attrType: "场景名称", attrValue: "", type: "name" },
+          {
+            attrType: "图片",
+            attrValue: "",
+            type: "photo",
+            child: { node1: "" },
+          },
+          {
+            attrType: "应用领域",
+            attrValue: "",
+            type: "select",
+            children: [],
+          },
+          { attrType: "场景url", attrValue: "", type: "link" },
+          { attrType: "案例背景", attrValue: "", type: "textarea" },
+          { attrType: "业务挑战", attrValue: "", type: "textarea" },
+          { attrType: "解决方案", attrValue: "", type: "textarea" },
+          { attrType: "案例成效", attrValue: "", type: "textarea" },
+        ];
+        this.getInfo();
+        this.getUserInfo();
+      },
+    },
+  },
+  mounted() {
+    this.getInfo();
+    this.getUserInfo();
+  },
+  beforeDestroy() {
+    console.log("销毁~~~~~~~~~~~~~~~~~~~~");
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-form-item__content {
+  width: 90%;
+}
+::v-deep .el-dialog__body {
+  height: 580px;
+  overflow: auto;
+}
+.icon-input ::v-deep .el-input__inner {
+  cursor: pointer;
+}
+::v-deep .upload-demo {
+  width: 800px;
+}
+::v-deep .el-form-item {
+  margin-bottom: 30px;
+  width: 100%;
+  line-height: 32px;
+  display: flex;
+}
+::v-deep .el-form-item__label {
+  line-height: 32px;
+  width: 120px;
+  margin-right: 20px;
+  text-align: center;
+}
+::v-deep textarea {
+  width: 800px;
+}
+::v-deep .el-form-item__content {
+  line-height: 32px;
+}
+::v-deep .el-input {
+  width: 800px;
+}
+::v-deep .el-checkbox-button__inner {
+  width: 130px;
+  margin: 0 10px 5px;
+  border-left: unset !important;
+  border-radius: unset !important;
+  border: 1px solid #dcdfe6 !important;
+}
+</style>
+
+<style lang="scss">
+.canassigncase-add-or-update {
+  position: relative;
+}
+.mod-sys__menu {
+  .menu-list,
+  .icon-list {
+    .el-input__inner,
+    .el-input__suffix {
+      cursor: pointer;
+    }
+  }
+  &-icon-popover {
+    width: 458px;
+    overflow: hidden;
+  }
+  &-icon-inner {
+    width: 478px;
+    max-height: 258px;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+  &-icon-list {
+    width: 458px;
+    padding: 0;
+    margin: -8px 0 0 -8px;
+    > .el-button {
+      padding: 8px;
+      margin: 8px 0 0 8px;
+      > span {
+        display: inline-block;
+        vertical-align: middle;
+        width: 18px;
+        height: 18px;
+        font-size: 18px;
+      }
+    }
+  }
+}
+.submit-father {
+  position: absolute;
+}
+.previewImg {
+  position: fixed;
+  z-index: 9999;
+}
+</style>
diff --git a/back/src/views/modules/canassigncase/index.vue b/back/src/views/modules/canassigncase/index.vue
index 328d803a..9489a202 100644
--- a/back/src/views/modules/canassigncase/index.vue
+++ b/back/src/views/modules/canassigncase/index.vue
@@ -55,11 +55,16 @@
         ></el-table-column>
         <el-table-column
           prop="name"
-          label="应用名称"
+          label="场景名称"
+          header-align="center"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="apiUrl"
+          label="场景url"
           header-align="center"
           align="center"
         ></el-table-column>
-
         <el-table-column
           v-for="(item, index) in dataList[0].infoList"
           :key="index"
@@ -127,7 +132,7 @@
 
 <script>
 import mixinViewModule from "@/mixins/view-module";
-import AddOrUpdate from "./bsabilityservice-add-or-update";
+import AddOrUpdate from "./canassigncase-add-or-update";
 import dictionaries from "@/utils/dictionaries";
 import qs from "qs";
 import { type } from "os";
@@ -151,7 +156,7 @@ export default {
         creator: "",
         selectType: 0,
         delFlag: 0,
-        type: "应用资源",
+        type: "赋能案例",
       },
       qp: false,
     };
@@ -162,7 +167,7 @@ export default {
   },
   created() {
     this.dataForm.name = "";
-    this.dataForm.type = "应用资源";
+    this.dataForm.type = "赋能案例";
   },
   mounted() {
     window.addEventListener("resize", this.a);
@@ -183,7 +188,7 @@ export default {
               limit: 10,
               delFlag: 0,
               creator: "",
-              type: "应用资源",
+              type: "赋能案例",
               name: "",
             })
         )
@@ -246,7 +251,7 @@ export default {
                 // type: '组件服务',
                 pageNum: 1,
                 pageSize: this.limit,
-                type: "应用资源",
+                type: "赋能案例",
                 creator: "",
                 selectType: 0,
                 delFlag: 0,
diff --git a/back/src/views/modules/canassigncase/upload.vue b/back/src/views/modules/canassigncase/upload.vue
index 432f08cb..69980adc 100644
--- a/back/src/views/modules/canassigncase/upload.vue
+++ b/back/src/views/modules/canassigncase/upload.vue
@@ -3,60 +3,58 @@
     <el-upload
       ref="addUpload"
       class="upload-demo"
-      :accept='accept'
+      :accept="accept"
       :action="fileUploadUrl"
       :on-success="onSuccess"
       :on-remove="onRemove"
-      :on-exceed='onExceed'
-      :limit='limit'
+      :on-exceed="onExceed"
+      :limit="limit"
       :on-preview="onPreview"
       list-type="text"
     >
       <el-button size="small" type="primary">点击上传</el-button>
       <div slot="tip" class="el-upload__tip">
-        只能上传{{accept}}文件，最多上传{{limit}}个附件！
+        只能上传{{ accept }}文件，最多上传{{ limit }}个附件！
       </div>
     </el-upload>
   </div>
 </template>
 <script>
 export default {
-  name: '',
-  components: {
-
-  },
+  name: "",
+  components: {},
   props: {
     child: {
       type: Object,
       default: () => {
-        return {}
-      }
+        return {};
+      },
     },
     limit: {
       type: Number,
-      default: 1
+      default: 1,
     },
     accept: {
       type: String,
-      default: '.jpg,.png'
-    }
+      default: ".jpg,.png",
+    },
   },
-  data () {
+  data() {
     return {
-      fileUploadUrl: window.SITE_CONFIG.apiURL + '/upload'
-    }
+      fileUploadUrl: window.SITE_CONFIG.apiURL + "/upload",
+    };
   },
   methods: {
-    onSuccess (res, file) {
-      console.log('limit', this.limit)
-      console.log(res, file, this.child)
+    onSuccess(res, file) {
+      console.log("limit", this.limit);
+      console.log(res, file, this.child);
       if (res.code !== 0) {
-        return this.$message.error('上传图片失败')
+        return this.$message.error("上传图片失败");
       }
-      if (this.child.note1 == '') {
-        this.child.note1 = res.data
+      if (this.child.note1 == "") {
+        this.child.note1 = res.data;
       } else {
-        this.child.note1 += (';' + res.data)
+        this.child.note1 += ";" + res.data;
       }
       // this.dataForm.infoList.map((item, index) => {
       //   if (item.attrType == '组件图片') {
@@ -69,36 +67,35 @@ export default {
       //   }
       // })
     },
-    onRemove (file, fileList) {
+    onRemove(file, fileList) {
       // this.$refs.addUpload.clearFiles()
       // 通过;分割字符串
-      const arr = this.child.note1.split(';')
+      const arr = this.child.note1.split(";");
       fileList.forEach((item, index) => {
         if (item === file.response.data) {
-          fileList.splice(index, 1)
+          fileList.splice(index, 1);
         }
-      })
+      });
       arr.forEach((item, index) => {
         if (item === file.response.data) {
-          arr.splice(index, 1)
+          arr.splice(index, 1);
         }
-      })
+      });
       if (arr.length == 0) {
-        this.child.note1 = ''
+        this.child.note1 = "";
       } else {
-        this.child.note1 = arr.join(';')
+        this.child.note1 = arr.join(";");
       }
-      console.log(this.child.note1)
+      console.log(this.child.note1);
     },
-    onPreview (file) {
-      console.log('点击预览===============>', file)
-      window.open(file.response.data)
+    onPreview(file) {
+      console.log("点击预览===============>", file);
+      window.open(file.response.data);
     },
-    onExceed (files, fileList) {
-      this.$message.warning('当前附件数量已达上限，请先删除部分附件！')
-    }
-  }
-}
+    onExceed(files, fileList) {
+      this.$message.warning("当前附件数量已达上限，请先删除部分附件！");
+    },
+  },
+};
 </script>
-<style lang='scss' scoped>
-</style>
+<style lang="scss" scoped></style>