diff --git a/back/src/views/modules/ability/bsabilityai.vue b/back/src/views/modules/ability/bsabilityai.vue
index fc55d089..1cf82d5d 100644
--- a/back/src/views/modules/ability/bsabilityai.vue
+++ b/back/src/views/modules/ability/bsabilityai.vue
@@ -154,7 +154,7 @@
               >详情</el-button
             >
             <el-button type="text" size="small" @click="showDocument(scope.row)"
-              >开发文档</el-button
+              >技术文档</el-button
             >
             <el-button
               type="text"
@@ -762,10 +762,14 @@ export default {
         this.notFilled.push('部门联系人电话')
       }
       if (this.radio === '智能算法' && !this.submitFrom.apiUrl) {
-        this.notFilled.push('服务接口')
+        if ((this.submitFrom.infoList.filter(val => val.attrType === '使用方式')[0].attrValue === '调用接口')) {
+          this.notFilled.push('服务接口')
+        }
       }
       if (this.radio === '智能算法' && !this.submitFrom.apiMethodType) {
-        this.notFilled.push('接口请求方式')
+        if ((this.submitFrom.infoList.filter(val => val.attrType === '使用方式')[0].attrValue === '调用接口')) {
+          this.notFilled.push('接口请求方式')
+        }
       }
       if (this.radio === '智能算法' && (!this.submitFrom.infoList.filter(val => val.attrType === '算法类别')[0] || !this.submitFrom.infoList.filter(val => val.attrType === '算法类别')[0].attrValue)) {
         this.notFilled.push('算法类别')
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 57e7a85e..b01efd91 100644
--- a/back/src/views/modules/ability/bsabilityservice-add-or-update.vue
+++ b/back/src/views/modules/ability/bsabilityservice-add-or-update.vue
@@ -271,8 +271,7 @@
               v-if="
                 item.attrType != '应用领域' &&
                 item.attrType != '应用类型' &&
-                item.attrType != '发布端' &&
-                item.attrType != '应用状态'
+                item.attrType != '发布端'
               "
             ></el-input>
             <el-select
@@ -368,30 +367,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,
@@ -403,602 +402,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.infoList = []
             this.dataForm.showListAll.forEach((val) => {
-              if (val.name !== "必填信息") {
-                if (val.name === "服务接口信息") {
+              if (val.name !== '必填信息') {
+                if (val.name === '服务接口信息') {
                   val.children.forEach((item) => {
-                    if (item.name === "服务接口") {
-                      this.dataForm.apiUrl = item.note1;
+                    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) => {
                     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() {
+    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/ability/bsabilityservice.vue b/back/src/views/modules/ability/bsabilityservice.vue
index 56412788..cf592690 100644
--- a/back/src/views/modules/ability/bsabilityservice.vue
+++ b/back/src/views/modules/ability/bsabilityservice.vue
@@ -149,7 +149,7 @@
               >详情</el-button
             >
             <el-button type="text" size="small" @click="showDocument(scope.row)"
-              >开发文档</el-button
+              >技术文档</el-button
             >
             <el-button
               type="text"
@@ -233,7 +233,7 @@ export default {
   mixins: [mixinViewModule],
   data () {
     return {
-      required: ['归属部门', '部门联系人', '部门联系人电话', '应用领域', '共享条件', '应用名称', '应用描述', '应用状态', '应用类型'],
+      required: ['归属部门', '部门联系人', '部门联系人电话', '应用领域', '共享条件', '应用名称', '应用描述', '应用类型'],
       notFilled: [],
       mixinViewModuleOptions: {
         getDataListURL: '/resource/page',
@@ -692,9 +692,9 @@ export default {
       if (!this.submitFrom.infoList.filter(val => val.attrType == '应用领域')[0] || !this.submitFrom.infoList.filter(val => val.attrType == '应用领域')[0].attrValue) {
         this.notFilled.push('应用领域')
       }
-      if (!this.submitFrom.infoList.filter(val => val.attrType == '应用状态')[0] || !this.submitFrom.infoList.filter(val => val.attrType == '应用状态')[0].attrValue) {
-        this.notFilled.push('应用状态')
-      }
+      // if (!this.submitFrom.infoList.filter(val => val.attrType == '应用状态')[0] || !this.submitFrom.infoList.filter(val => val.attrType == '应用状态')[0].attrValue) {
+      //   this.notFilled.push('应用状态')
+      // }
       if (!this.submitFrom.infoList.filter(val => val.attrType == '应用类型')[0] || !this.submitFrom.infoList.filter(val => val.attrType == '应用类型')[0].attrValue) {
         this.notFilled.push('应用类型')
       }
diff --git a/back/src/views/modules/activiti/demo/abilitydemandapply.vue b/back/src/views/modules/activiti/demo/abilitydemandapply.vue
index 94acd632..f1b96feb 100644
--- a/back/src/views/modules/activiti/demo/abilitydemandapply.vue
+++ b/back/src/views/modules/activiti/demo/abilitydemandapply.vue
@@ -64,25 +64,55 @@
       </el-form-item>
     </el-form>
     <!--  流程综合组件   -->
-    <ren-process-multiple
+    <!-- <ren-process-multiple
       v-if="processVisible"
       updateInstanceIdUrl="/processForm/tabilityapplication/updateInstanceId"
       saveFormUrl="/processForm/tabilityapplication"
       dataFormName="dataForm"
       ref="renProcessMultiple"
-    ></ren-process-multiple>
+    ></ren-process-multiple> -->
+     <!-- 审批 -->
+    <div class="agreeOr" v-if="taskId">
+      <div>
+        <el-button type="primary" @click="showDialog('同意')">同意</el-button>
+        <el-button type="danger" plain @click="showDialog('拒绝')"
+          >驳回</el-button
+        >
+      </div>
+    </div>
+    <!-- 审批弹窗 -->
+     <el-dialog
+      title="审批意见"
+      :close-on-click-modal="false"
+      :visible.sync="dialogVisible"
+      width="30%"
+      :before-close="handleClose"
+    >
+      <el-input v-model="input" placeholder="请输入审批意见"></el-input>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="handleClose2">取 消</el-button>
+        <el-button
+          type="primary"
+          @click.native="agreeOrNot($store.state.contentTabsActiveName)"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
   </el-card>
 </template>
 
 <script>
 // 引入工作流公共方法
 import processModule from '@/mixins/process-module'
+import qs from 'qs'
+import debounce from 'lodash/debounce'
+import bus from '@/views/bus.js'
 export default {
   // 注入公共方法
   mixins: [processModule],
   data () {
     return {
-      visible: false,
+      // visible: false,
       // 表单属性是否可编辑
       fieldDisabled: false,
       dataForm: {
@@ -94,7 +124,13 @@ export default {
         system: '',
         scene: '',
         basis: ''
-      }
+      },
+      // 审批
+      dialogVisible: false,
+      dialogType: '',
+      input: '',
+      visible: true,
+      taskId: ''
     }
   },
   created () {
@@ -113,6 +149,8 @@ export default {
     }
     // 初始化综合组件
     this.initProcessMultiple(callbacks)
+    this.taskId = this.$route.params.taskId
+    this.dataForm.taskId = this.$route.params.taskId
   },
   computed: {
     dataRule () {
@@ -164,6 +202,128 @@ export default {
         })
         .catch(() => {})
     },
+    // 审批
+    showDialog (title) {
+      this.dialogVisible = true
+      this.dialogType = title
+    },
+    handleClose (done) {
+      this.$confirm('确认关闭？')
+        .then((_) => {
+          this.input = ''
+          done()
+        })
+        .catch((_) => {})
+    },
+    handleClose2 () {
+      this.dialogVisible = false
+      this.input = ''
+    },
+    // 同意与退回
+    agreeOrNot: debounce(
+      function (data) {
+        this.dataForm.taskId = this.$route.params.taskId
+        if (this.dialogType === '同意') {
+          if (this.input !== '') {
+            console.log('this.dataForm', this.dataForm)
+            const params = qs.stringify({
+              taskId: this.dataForm.taskId,
+              comment: this.input
+            })
+            console.log(params)
+            this.$http
+              .post('/act/task/complete?' + params)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  this.$message.error(res.msg)
+                  if (this.callbacks.taskHandleErrorCallback) {
+                    this.callbacks.taskHandleErrorCallback(res)
+                  }
+                  return
+                }
+                bus.$emit('AbilityResourcesRemovedInit')
+                this.$message({
+                  message: this.$t('prompt.success'),
+                  type: 'success',
+                  duration: 500,
+                  onClose: () => {
+                    this.visible = false
+                    this.dialogVisible = false
+                    if (this.callbacks.taskHandleSuccessCallback) {
+                      this.callbacks.taskHandleSuccessCallback(res)
+                    }
+                  }
+                })
+              })
+              .catch(() => {})
+            this.tabRemoveHandle(data)
+          } else {
+            this.$message.error('请输入审批意见！')
+          }
+        } else if (this.dialogType === '拒绝') {
+          if (this.input !== '') {
+            const params = qs.stringify({
+              taskId: this.dataForm.taskId,
+              comment: this.input
+            })
+            this.$http
+              .post('/act/task/backToFirst?', params)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  this.$message.error(res.msg)
+                  if (this.callbacks.taskHandleErrorCallback) {
+                    this.callbacks.taskHandleErrorCallback(res)
+                  }
+                  return
+                }
+                bus.$emit('AbilityResourcesRemovedInit')
+                this.$message({
+                  message: this.$t('prompt.success'),
+                  type: 'success',
+                  duration: 500,
+                  onClose: () => {
+                    this.visible = false
+                    if (this.callbacks.taskHandleSuccessCallback) {
+                      this.callbacks.taskHandleSuccessCallback(res)
+                    }
+                  }
+                })
+              })
+            this.tabRemoveHandle(data)
+          } else {
+            this.$message.error('请输入审批意见！')
+          }
+        }
+      },
+      1000,
+      { leading: true, trailing: false }
+    ),
+    tabRemoveHandle (tabName) {
+      console.log(tabName, 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa')
+      if (tabName === 'home') {
+        return false
+      }
+      this.$store.state.contentTabs = this.$store.state.contentTabs.filter(
+        (item) => item.name !== tabName
+      )
+      if (this.$store.state.contentTabs.length <= 0) {
+        this.$store.state.sidebarMenuActiveName =
+          this.$store.state.contentTabsActiveName = 'home'
+        return false
+      }
+      // 当前选中tab被删除
+      if (tabName === this.$store.state.contentTabsActiveName) {
+        const tab =
+          this.$store.state.contentTabs[
+            this.$store.state.contentTabs.length - 1
+          ]
+        this.$router.push({
+          name: /^iframe_.+/.test(tab.name) ? 'iframe' : tab.name,
+          params: { ...tab.params },
+          query: { ...tab.query }
+        })
+      }
+    },
     // 启动流程出错回调
     startProcessErrorCallback (data) {
       console.log(data)
@@ -173,3 +333,12 @@ export default {
   }
 }
 </script>
+<style lang="scss">
+.agreeOr {
+  & > div {
+    // text-align: right;
+    padding-right: 40px;
+    margin: 20px 0;
+  }
+}
+</style>
diff --git a/back/src/views/modules/activiti/demo/comments.vue b/back/src/views/modules/activiti/demo/comments.vue
index fe6f3ddd..4f2a6d5c 100644
--- a/back/src/views/modules/activiti/demo/comments.vue
+++ b/back/src/views/modules/activiti/demo/comments.vue
@@ -7,28 +7,65 @@
         @keyup.enter.native="dataFormSubmitHandle()"
         :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'"
       >
-        <el-form-item label="评论内容">
-          <el-input
-            v-model="dataForm.comment"
-            :disabled="fieldDisabled"
-            placeholder="评论内容"
-          ></el-input>
-        </el-form-item>
+        <el-tooltip placement="bottom" :content="dataForm.comment">
+          <template #title>
+            <span>{{ dataForm.comment }}</span>
+          </template>
+          <el-form-item label="评论内容">
+            <el-input
+              type="textarea"
+              v-model="dataForm.comment"
+              :disabled="fieldDisabled"
+              placeholder="评论内容"
+            ></el-input>
+          </el-form-item>
+        </el-tooltip>
       </el-form>
     </div>
     <!--  流程综合组件   -->
-    <ren-process-multiple
+    <!-- <ren-process-multiple
       v-if="processVisible"
       updateInstanceIdUrl="/processForm/tabilityapplication/updateInstanceId"
       saveFormUrl="/processForm/tabilityapplication"
       dataFormName="dataForm"
       ref="renProcessMultiple"
-    ></ren-process-multiple>
+    ></ren-process-multiple> -->
+    <!-- 审批 -->
+    <div class="agreeOr" v-if="taskId">
+      <div>
+        <el-button type="primary" @click="showDialog('同意')">同意</el-button>
+        <el-button type="danger" plain @click="showDialog('拒绝')"
+          >驳回</el-button
+        >
+      </div>
+    </div>
+    <!-- 审批弹窗 -->
+     <el-dialog
+      title="审批意见"
+      :close-on-click-modal="false"
+      :visible.sync="dialogVisible"
+      width="30%"
+      :before-close="handleClose"
+    >
+      <el-input v-model="input" placeholder="请输入审批意见"></el-input>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="handleClose2">取 消</el-button>
+        <el-button
+          type="primary"
+          @click.native="agreeOrNot($store.state.contentTabsActiveName)"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import processModule from '@/mixins/process-module'
+import qs from 'qs'
+import debounce from 'lodash/debounce'
+import bus from '@/views/bus.js'
+
 export default {
   // 注入公共方法
   mixins: [processModule],
@@ -44,12 +81,19 @@ export default {
   data () {
     return {
       // processVisible: true,
-      visible: false,
+      // visible: false,
       // 表单属性是否可编辑
       fieldDisabled: false,
       dataForm: [],
       id: '',
-      shifoushizujian: true
+      shifoushizujian: true,
+      // 审批
+      dialogVisible: false,
+      dialogType: '',
+      input: '',
+      visible: true,
+      taskId: ''
+
     }
   },
   watch: {},
@@ -85,6 +129,128 @@ export default {
         // }
         console.log('this.dataForm', this.dataForm)
       })
+    },
+    // 审批
+    showDialog (title) {
+      this.dialogVisible = true
+      this.dialogType = title
+    },
+    handleClose (done) {
+      this.$confirm('确认关闭？')
+        .then((_) => {
+          this.input = ''
+          done()
+        })
+        .catch((_) => {})
+    },
+    handleClose2 () {
+      this.dialogVisible = false
+      this.input = ''
+    },
+    // 同意与退回
+    agreeOrNot: debounce(
+      function (data) {
+        this.dataForm.taskId = this.$route.params.taskId
+        if (this.dialogType === '同意') {
+          if (this.input !== '') {
+            console.log('this.dataForm', this.dataForm)
+            const params = qs.stringify({
+              taskId: this.dataForm.taskId,
+              comment: this.input
+            })
+            console.log(params)
+            this.$http
+              .post('/act/task/complete?' + params)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  this.$message.error(res.msg)
+                  if (this.callbacks.taskHandleErrorCallback) {
+                    this.callbacks.taskHandleErrorCallback(res)
+                  }
+                  return
+                }
+                bus.$emit('AbilityResourcesRemovedInit')
+                this.$message({
+                  message: this.$t('prompt.success'),
+                  type: 'success',
+                  duration: 500,
+                  onClose: () => {
+                    this.visible = false
+                    this.dialogVisible = false
+                    if (this.callbacks.taskHandleSuccessCallback) {
+                      this.callbacks.taskHandleSuccessCallback(res)
+                    }
+                  }
+                })
+              })
+              .catch(() => {})
+            this.tabRemoveHandle(data)
+          } else {
+            this.$message.error('请输入审批意见！')
+          }
+        } else if (this.dialogType === '拒绝') {
+          if (this.input !== '') {
+            const params = qs.stringify({
+              taskId: this.dataForm.taskId,
+              comment: this.input
+            })
+            this.$http
+              .post('/act/task/backToFirst?', params)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  this.$message.error(res.msg)
+                  if (this.callbacks.taskHandleErrorCallback) {
+                    this.callbacks.taskHandleErrorCallback(res)
+                  }
+                  return
+                }
+                bus.$emit('AbilityResourcesRemovedInit')
+                this.$message({
+                  message: this.$t('prompt.success'),
+                  type: 'success',
+                  duration: 500,
+                  onClose: () => {
+                    this.visible = false
+                    if (this.callbacks.taskHandleSuccessCallback) {
+                      this.callbacks.taskHandleSuccessCallback(res)
+                    }
+                  }
+                })
+              })
+            this.tabRemoveHandle(data)
+          } else {
+            this.$message.error('请输入审批意见！')
+          }
+        }
+      },
+      1000,
+      { leading: true, trailing: false }
+    ),
+    tabRemoveHandle (tabName) {
+      console.log(tabName, 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa')
+      if (tabName === 'home') {
+        return false
+      }
+      this.$store.state.contentTabs = this.$store.state.contentTabs.filter(
+        (item) => item.name !== tabName
+      )
+      if (this.$store.state.contentTabs.length <= 0) {
+        this.$store.state.sidebarMenuActiveName =
+          this.$store.state.contentTabsActiveName = 'home'
+        return false
+      }
+      // 当前选中tab被删除
+      if (tabName === this.$store.state.contentTabsActiveName) {
+        const tab =
+          this.$store.state.contentTabs[
+            this.$store.state.contentTabs.length - 1
+          ]
+        this.$router.push({
+          name: /^iframe_.+/.test(tab.name) ? 'iframe' : tab.name,
+          params: { ...tab.params },
+          query: { ...tab.query }
+        })
+      }
     }
   },
   created () {
@@ -102,14 +268,27 @@ export default {
     }
     // 初始化综合组件
     this.initProcessMultiple(callbacks)
+    this.taskId = this.$route.params.taskId
+    this.dataForm.taskId = this.$route.params.taskId
   },
   mounted () {}
 }
 </script>
-<style lang="scss">
-  .kuandukuandukuandu{
-    max-width:1500px;
+<style lang="scss" >
+.kuandukuandukuandu {
+  max-width: 1500px;
+}
+.agreeOr {
+  & > div {
+    // text-align: right;
+    padding-right: 40px;
+    margin: 20px 0;
   }
-.wrapper {
+}
+</style>
+<style lang="scss" scoped>
+::v-deep .el-textarea__inner {
+  height: 100px;
+  resize: none;
 }
 </style>
diff --git a/back/src/views/modules/activiti/demo/putaway-process3.vue b/back/src/views/modules/activiti/demo/putaway-process3.vue
index 659b4720..c489b1f9 100644
--- a/back/src/views/modules/activiti/demo/putaway-process3.vue
+++ b/back/src/views/modules/activiti/demo/putaway-process3.vue
@@ -106,7 +106,7 @@
         </el-radio-group> -->
         <el-button type="primary" @click="showDialog('同意')">同意</el-button>
         <el-button type="danger" plain @click="showDialog('拒绝')"
-          >拒绝</el-button
+          >驳回</el-button
         >
         <!-- <el-input v-if="agreeOrList ==='同意' " v-model="inputAgree" placeholder="请输入同意意见"></el-input>
         <el-input v-if="agreeOrList ==='退回'" v-model="inputNo" placeholder="请输入退回意见"></el-input>
@@ -229,68 +229,76 @@ export default {
       function (data) {
         this.dataForm.taskId = this.$route.params.taskId
         if (this.dialogType === '同意') {
-          console.log('this.dataForm', this.dataForm)
-          const params = qs.stringify({
-            taskId: this.dataForm.taskId,
-            comment: this.input
-          })
-          console.log(params)
-          this.$http
-            .post('/act/task/complete?' + params)
-            .then(({ data: res }) => {
-              if (res.code !== 0) {
-                this.$message.error(res.msg)
-                if (this.callbacks.taskHandleErrorCallback) {
-                  this.callbacks.taskHandleErrorCallback(res)
-                }
-                return
-              }
-              bus.$emit('AbilityResourcesRemovedInit')
-              this.$message({
-                message: this.$t('prompt.success'),
-                type: 'success',
-                duration: 500,
-                onClose: () => {
-                  this.visible = false
-                  this.dialogVisible = false
-                  if (this.callbacks.taskHandleSuccessCallback) {
-                    this.callbacks.taskHandleSuccessCallback(res)
-                  }
-                }
-              })
+          if (this.input !== '') {
+            console.log('this.dataForm', this.dataForm)
+            const params = qs.stringify({
+              taskId: this.dataForm.taskId,
+              comment: this.input
             })
-            .catch(() => {})
+            console.log(params)
+            this.$http
+              .post('/act/task/complete?' + params)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  this.$message.error(res.msg)
+                  if (this.callbacks.taskHandleErrorCallback) {
+                    this.callbacks.taskHandleErrorCallback(res)
+                  }
+                  return
+                }
+                bus.$emit('AbilityResourcesRemovedInit')
+                this.$message({
+                  message: this.$t('prompt.success'),
+                  type: 'success',
+                  duration: 500,
+                  onClose: () => {
+                    this.visible = false
+                    this.dialogVisible = false
+                    if (this.callbacks.taskHandleSuccessCallback) {
+                      this.callbacks.taskHandleSuccessCallback(res)
+                    }
+                  }
+                })
+              })
+              .catch(() => {})
+            this.tabRemoveHandle(data)
+          } else {
+            this.$message.error('请输入审批意见！')
+          }
         } else if (this.dialogType === '拒绝') {
-          const params = qs.stringify({
-            taskId: this.dataForm.taskId,
-            comment: this.input
-          })
-          this.$http
-            .post('/act/task/backToFirst?', params)
-            .then(({ data: res }) => {
-              if (res.code !== 0) {
-                this.$message.error(res.msg)
-                if (this.callbacks.taskHandleErrorCallback) {
-                  this.callbacks.taskHandleErrorCallback(res)
-                }
-                return
-              }
-              bus.$emit('AbilityResourcesRemovedInit')
-              this.$message({
-                message: this.$t('prompt.success'),
-                type: 'success',
-                duration: 500,
-                onClose: () => {
-                  this.visible = false
-                  if (this.callbacks.taskHandleSuccessCallback) {
-                    this.callbacks.taskHandleSuccessCallback(res)
-                  }
-                }
-              })
+          if (this.input !== '') {
+            const params = qs.stringify({
+              taskId: this.dataForm.taskId,
+              comment: this.input
             })
+            this.$http
+              .post('/act/task/backToFirst?', params)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  this.$message.error(res.msg)
+                  if (this.callbacks.taskHandleErrorCallback) {
+                    this.callbacks.taskHandleErrorCallback(res)
+                  }
+                  return
+                }
+                bus.$emit('AbilityResourcesRemovedInit')
+                this.$message({
+                  message: this.$t('prompt.success'),
+                  type: 'success',
+                  duration: 500,
+                  onClose: () => {
+                    this.visible = false
+                    if (this.callbacks.taskHandleSuccessCallback) {
+                      this.callbacks.taskHandleSuccessCallback(res)
+                    }
+                  }
+                })
+              })
+            this.tabRemoveHandle(data)
+          } else {
+            this.$message.error('请输入审批意见！')
+          }
         }
-        this.tabRemoveHandle(data)
-        // this.getDataList(data)
       },
       1000,
       { leading: true, trailing: false }
diff --git a/back/src/views/modules/hasToDoTasks/AbilityResourceShelf.vue b/back/src/views/modules/hasToDoTasks/AbilityResourceShelf.vue
index dd77df1c..0da3a386 100644
--- a/back/src/views/modules/hasToDoTasks/AbilityResourceShelf.vue
+++ b/back/src/views/modules/hasToDoTasks/AbilityResourceShelf.vue
@@ -136,15 +136,7 @@ export default {
         return this.$message.error(this.$t('task.detailError'))
       }
       this.getProcDefRouteSet(row, this.forwardDetail)
-    },
-    methodsThree () {
-      this.$http.get('/category/getCategoryTree').then((res) => {
-        localStorage.setItem('getCategoryTree', JSON.stringify(res.data.data))
-      })
     }
-  },
-  mounted () {
-    this.methodsThree()
   }
 }
 </script>
diff --git a/back/src/views/modules/myAgent/demo/ResourcesAndServices.vue b/back/src/views/modules/myAgent/demo/ResourcesAndServices.vue
index f7e74c61..92c363dd 100644
--- a/back/src/views/modules/myAgent/demo/ResourcesAndServices.vue
+++ b/back/src/views/modules/myAgent/demo/ResourcesAndServices.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="wrapper">
-    <el-form>
+    <el-form :model="dataView">
       <div v-for="(item, index) in dataView.children" :key="item">
         <!-- <div class="dataTitle">{{ item.name }}</div> -->
         <div v-for="itemson in item.children" :key="itemson.name">
@@ -234,68 +234,8 @@ export default {
       if (item) {
         this.dataList = item
       }
-    }
-  },
-  computed: {},
-  methods: {
-    videoAndImg (link) {
-      if (link) {
-        window.open(link)
-      } else {
-        this.$message({
-          message: '未上传',
-          type: 'warning'
-        })
-      }
     },
-    deptName () {
-      console.log(this.dataForm.deptId)
-      this.$http
-        .get(`/sys/dept/${this.dataForm.deptId}`)
-        .then(({ data: res }) => {
-          console.log(res.data.name, 'res')
-          this.unit = res.data.name
-        })
-    },
-    queryPartAppByKeyIdFunction (index, indexSon, indexSonSon) {
-      if (this.dataForm.type === '组件服务') {
-        this.$http
-          .get(
-            '/dataResourceRel/queryApp4PartByKeyId' +
-              '?keyId=' +
-              this.dataForm.id
-          )
-          .then(({ data: res }) => {
-            this.dataView.children[index].children[indexSon].children[
-              indexSonSon
-            ].note1 = ''
-            res.data.map((item) => {
-              this.dataView.children[index].children[indexSon].children[
-                indexSonSon
-              ].note1 += item.name + ';'
-            })
-          })
-      } else {
-        this.$http
-          .get(
-            '/dataResourceRel/queryPart4AppByKeyId?keyId=' +
-              this.dataForm.id +
-              '&type=' +
-              '组件服务'
-          )
-          .then(({ data: res }) => {
-            this.dataView.children[index].children[indexSon].children[
-              indexSonSon
-            ].note1 = ''
-            res.data.map((item) => {
-              this.dataView.children[index].children[indexSon].children[
-                indexSonSon
-              ].note1 += item.name + ';'
-            })
-          })
-      }
-    },
-    insertListFunction (val) {
+    insertList (val) {
       if (val) {
         if (this.dataForm.type === '应用资源') {
           this.dataView = val.filter(
@@ -483,10 +423,69 @@ export default {
       }
     }
   },
+  computed: {},
+  methods: {
+    videoAndImg (link) {
+      if (link) {
+        window.open(link)
+      } else {
+        this.$message({
+          message: '未上传',
+          type: 'warning'
+        })
+      }
+    },
+    deptName () {
+      console.log(this.dataForm.deptId)
+      this.$http
+        .get(`/sys/dept/${this.dataForm.deptId}`)
+        .then(({ data: res }) => {
+          console.log(res.data.name, 'res')
+          this.unit = res.data.name
+        })
+    },
+    queryPartAppByKeyIdFunction (index, indexSon, indexSonSon) {
+      if (this.dataForm.type === '组件服务') {
+        this.$http
+          .get(
+            '/dataResourceRel/queryApp4PartByKeyId' +
+              '?keyId=' +
+              this.dataForm.id
+          )
+          .then(({ data: res }) => {
+            this.dataView.children[index].children[indexSon].children[
+              indexSonSon
+            ].note1 = ''
+            res.data.map((item) => {
+              this.dataView.children[index].children[indexSon].children[
+                indexSonSon
+              ].note1 += item.name + ';'
+            })
+          })
+      } else {
+        this.$http
+          .get(
+            '/dataResourceRel/queryPart4AppByKeyId?keyId=' +
+              this.dataForm.id +
+              '&type=' +
+              '组件服务'
+          )
+          .then(({ data: res }) => {
+            this.dataView.children[index].children[indexSon].children[
+              indexSonSon
+            ].note1 = ''
+            res.data.map((item) => {
+              this.dataView.children[index].children[indexSon].children[
+                indexSonSon
+              ].note1 += item.name + ';'
+            })
+          })
+      }
+    }
+  },
   created () {},
   mounted () {
     this.deptName()
-    this.insertListFunction(this.insertList)
   }
 }
 </script>
diff --git a/back/src/views/modules/myAgent/demo/ability-resource-shelf.vue b/back/src/views/modules/myAgent/demo/ability-resource-shelf.vue
index ea3cbc07..418be3f7 100644
--- a/back/src/views/modules/myAgent/demo/ability-resource-shelf.vue
+++ b/back/src/views/modules/myAgent/demo/ability-resource-shelf.vue
@@ -135,16 +135,16 @@ export default {
     this.init()
     console.log('fromList', this.$router.currentRoute.params.businessKey)
     // this.dataForm = this.$router.currentRoute.params.params.params.resourceDTO
-    // var callbacks = {
-    //   startProcessSuccessCallback: this.closeCurrentTab,
-    //   startProcessErrorCallback: this.startProcessErrorCallback,
-    //   taskHandleSuccessCallback: this.closeCurrentTab,
-    //   taskHandleErrorCallback: this.taskHandleErrorCallback,
-    //   formSaveSuccessCallback: null,
-    //   formSaveErrorCallback: null
-    // }
-    // // 初始化综合组件
-    // this.initProcessMultiple(callbacks)
+    var callbacks = {
+      startProcessSuccessCallback: this.closeCurrentTab,
+      startProcessErrorCallback: this.startProcessErrorCallback,
+      taskHandleSuccessCallback: this.closeCurrentTab,
+      taskHandleErrorCallback: this.taskHandleErrorCallback,
+      formSaveSuccessCallback: null,
+      formSaveErrorCallback: null
+    }
+    // 初始化综合组件
+    this.initProcessMultiple(callbacks)
   },
   mounted () {
     const businessKey = this.$router.currentRoute.params.businessKey
@@ -180,10 +180,9 @@ export default {
       this.input = ''
     },
     methodsThree () {
-      // this.$http.get('/category/getCategoryTree').then((res) => {
-      //   this.insertList = res.data.data
-      // })
-      this.insertList = JSON.parse(localStorage.getItem('getCategoryTree'))
+      this.$http.get('/category/getCategoryTree').then((res) => {
+        this.insertList = res.data.data
+      })
     },
     init () {
       this.visible = true
@@ -201,69 +200,78 @@ export default {
     agreeOrNot: debounce(
       function (data) {
         if (this.dialogType === '同意') {
-          console.log('this.dataForm', this.dataForm)
-          const params = qs.stringify({
-            taskId: this.taskId,
-            comment: this.input
-          })
-          console.log(params)
-          this.$http
-            .post('/act/task/complete?' + params)
-            .then(({ data: res }) => {
-              if (res.code !== 0) {
-                this.$message.error(res.msg)
-                if (this.callbacks.taskHandleErrorCallback) {
-                  this.callbacks.taskHandleErrorCallback(res)
-                }
-                return
-              }
-              bus.$emit('abilityResourceShelfInit')
-              this.$message({
-                message: this.$t('prompt.success'),
-                type: 'success',
-                duration: 500,
-                onClose: () => {
-                  this.visible = false
-                  this.dialogVisible = false
-                  this.input = ''
-                  if (this.callbacks.taskHandleSuccessCallback) {
-                    this.callbacks.taskHandleSuccessCallback(res)
-                  }
-                }
-              })
+          if (this.input !== '') {
+            console.log('this.dataForm', this.dataForm)
+            const params = qs.stringify({
+              taskId: this.taskId,
+              comment: this.input
             })
-            .catch(() => {})
+            console.log(params)
+            this.$http
+              .post('/act/task/complete?' + params)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  this.$message.error(res.msg)
+                  if (this.callbacks.taskHandleErrorCallback) {
+                    this.callbacks.taskHandleErrorCallback(res)
+                  }
+                  return
+                }
+                bus.$emit('abilityResourceShelfInit')
+                this.$message({
+                  message: this.$t('prompt.success'),
+                  type: 'success',
+                  duration: 500,
+                  onClose: () => {
+                    this.visible = false
+                    this.dialogVisible = false
+                    this.input = ''
+                    if (this.callbacks.taskHandleSuccessCallback) {
+                      this.callbacks.taskHandleSuccessCallback(res)
+                    }
+                  }
+                })
+              })
+              .catch(() => {})
+            this.tabRemoveHandle(data)
+          } else {
+            this.$message.error('请输入审批意见！')
+          }
         } else if (this.dialogType === '驳回') {
-          const params = qs.stringify({
-            taskId: this.taskId,
-            comment: this.input
-          })
-          this.$http
-            // .post('/act/task/endProcess?', params)
-            .post('/act/task/backToFirst?', params)
-            .then(({ data: res }) => {
-              if (res.code !== 0) {
-                this.$message.error(res.msg)
-                if (this.callbacks.taskHandleErrorCallback) {
-                  this.callbacks.taskHandleErrorCallback(res)
-                }
-                return
-              }
-              bus.$emit('abilityResourceShelfInit')
-              this.$message({
-                message: this.$t('prompt.success'),
-                type: 'success',
-                duration: 500,
-                onClose: () => {
-                  this.visible = false
-                  if (this.callbacks.taskHandleSuccessCallback) {
-                    this.callbacks.taskHandleSuccessCallback(res)
-                  }
-                }
-              })
+          if (this.input !== '') {
+            const params = qs.stringify({
+              taskId: this.taskId,
+              comment: this.input
             })
+            this.$http
+            // .post('/act/task/endProcess?', params)
+              .post('/act/task/backToFirst?', params)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  this.$message.error(res.msg)
+                  if (this.callbacks.taskHandleErrorCallback) {
+                    this.callbacks.taskHandleErrorCallback(res)
+                  }
+                  return
+                }
+                bus.$emit('abilityResourceShelfInit')
+                this.$message({
+                  message: this.$t('prompt.success'),
+                  type: 'success',
+                  duration: 500,
+                  onClose: () => {
+                    this.visible = false
+                    if (this.callbacks.taskHandleSuccessCallback) {
+                      this.callbacks.taskHandleSuccessCallback(res)
+                    }
+                  }
+                })
+              })
+            this.tabRemoveHandle(data)
+          } else {
+            this.$message.error('请输入审批意见！')
+          }
         }
-        this.tabRemoveHandle(data)
       },
       1000,
       { leading: true, trailing: false }
diff --git a/back/src/views/modules/myAgent/demo/competency-application.vue b/back/src/views/modules/myAgent/demo/competency-application.vue
index ba87c74f..fdbd870c 100644
--- a/back/src/views/modules/myAgent/demo/competency-application.vue
+++ b/back/src/views/modules/myAgent/demo/competency-application.vue
@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-29 15:59:51
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-28 17:23:05
+ * @LastEditTime: 2022-08-04 14:34:45
  * @Description: 告诉大家这是什么
 -->
 <!--  流程业务表单   -->
@@ -55,7 +55,7 @@
             ></span
           >
         </p>
-        <p v-if="dataForm.content.enclosure">
+        <p v-if="dataForm.content.enclosure" class="lastP">
           <span>
             申请附件：<span>
               {{ dataForm.content.enclosure || '--'
@@ -102,8 +102,8 @@
           <el-radio-button label="退回" class="redAll" @click="showDialog('退回')">退回</el-radio-button>
         </el-radio-group> -->
         <el-button type="primary" @click="showDialog('同意')">同意</el-button>
-        <el-button type="danger" plain @click="showDialog('拒绝')"
-          >拒绝</el-button
+        <el-button type="danger" plain @click="showDialog('驳回')"
+          >驳回</el-button
         >
         <!-- <el-input v-if="agreeOrList ==='同意' " v-model="inputAgree" placeholder="请输入同意意见"></el-input>
         <el-input v-if="agreeOrList ==='退回'" v-model="inputNo" placeholder="请输入退回意见"></el-input>
@@ -291,6 +291,7 @@ export default {
               if (val.cameraList) {
                 flag = true
                 obj.describe += val.system
+                obj.describe += '；'
               } else {
                 this.$http.get('/resource/' + val.resourceId).then((res1) => {
                   // console.log(res1.data.data, '1111111111111111111111111111111111')
@@ -380,68 +381,76 @@ export default {
     agreeOrNot: debounce(
       function (data) {
         if (this.dialogType === '同意') {
-          console.log('this.dataForm', this.dataForm)
-          const params = qs.stringify({
-            taskId: this.dataForm.taskId,
-            comment: this.input
-          })
-          console.log(params)
-          this.$http
-            .post('/act/task/complete?' + params)
-            .then(({ data: res }) => {
-              if (res.code !== 0) {
-                this.$message.error(res.msg)
-                if (this.callbacks.taskHandleErrorCallback) {
-                  this.callbacks.taskHandleErrorCallback(res)
-                }
-                return
-              }
-              bus.$emit('competencyApplicationInit')
-              this.$message({
-                message: this.$t('prompt.success'),
-                type: 'success',
-                duration: 500,
-                onClose: () => {
-                  this.visible = false
-                  this.dialogVisible = false
-                  if (this.callbacks.taskHandleSuccessCallback) {
-                    this.callbacks.taskHandleSuccessCallback(res)
-                  }
-                }
-              })
+          if (this.input !== '') {
+            console.log('this.dataForm', this.dataForm)
+            const params = qs.stringify({
+              taskId: this.dataForm.taskId,
+              comment: this.input
             })
-            .catch(() => {})
-        } else if (this.dialogType === '拒绝') {
-          const params = qs.stringify({
-            taskId: this.dataForm.taskId,
-            comment: this.input
-          })
-          this.$http
-            .post('/act/task/endProcess?', params)
-            .then(({ data: res }) => {
-              if (res.code !== 0) {
-                this.$message.error(res.msg)
-                if (this.callbacks.taskHandleErrorCallback) {
-                  this.callbacks.taskHandleErrorCallback(res)
-                }
-                return
-              }
-              bus.$emit('competencyApplicationInit')
-              this.$message({
-                message: this.$t('prompt.success'),
-                type: 'success',
-                duration: 500,
-                onClose: () => {
-                  this.visible = false
-                  if (this.callbacks.taskHandleSuccessCallback) {
-                    this.callbacks.taskHandleSuccessCallback(res)
+            console.log(params)
+            this.$http
+              .post('/act/task/complete?' + params)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  this.$message.error(res.msg)
+                  if (this.callbacks.taskHandleErrorCallback) {
+                    this.callbacks.taskHandleErrorCallback(res)
                   }
+                  return
                 }
+                bus.$emit('competencyApplicationInit')
+                this.$message({
+                  message: this.$t('prompt.success'),
+                  type: 'success',
+                  duration: 500,
+                  onClose: () => {
+                    this.visible = false
+                    this.dialogVisible = false
+                    if (this.callbacks.taskHandleSuccessCallback) {
+                      this.callbacks.taskHandleSuccessCallback(res)
+                    }
+                  }
+                })
               })
+              .catch(() => {})
+            this.tabRemoveHandle(data)
+          } else {
+            this.$message.error('请输入审批意见！')
+          }
+        } else if (this.dialogType === '驳回') {
+          if (this.input !== '') {
+            const params = qs.stringify({
+              taskId: this.dataForm.taskId,
+              comment: this.input
             })
+            this.$http
+              .post('/act/task/backToFirst?', params)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  this.$message.error(res.msg)
+                  if (this.callbacks.taskHandleErrorCallback) {
+                    this.callbacks.taskHandleErrorCallback(res)
+                  }
+                  return
+                }
+                bus.$emit('competencyApplicationInit')
+                this.$message({
+                  message: this.$t('prompt.success'),
+                  type: 'success',
+                  duration: 500,
+                  onClose: () => {
+                    this.visible = false
+                    if (this.callbacks.taskHandleSuccessCallback) {
+                      this.callbacks.taskHandleSuccessCallback(res)
+                    }
+                  }
+                })
+              })
+            this.tabRemoveHandle(data)
+          } else {
+            this.$message.error('请输入审批意见！')
+          }
         }
-        this.tabRemoveHandle(data)
-        // this.getDataList(data)
       },
       1000,
       { leading: true, trailing: false }
@@ -510,7 +519,7 @@ export default {
       width: 500px;
     }
   }
-  p:last-of-type {
+  .lastP {
     margin-top: 16px;
     width: 100%;
     span {
diff --git a/back/src/views/modules/sys/user-add-or-update.vue b/back/src/views/modules/sys/user-add-or-update.vue
index c366c760..30a03606 100644
--- a/back/src/views/modules/sys/user-add-or-update.vue
+++ b/back/src/views/modules/sys/user-add-or-update.vue
@@ -1,40 +1,110 @@
 <template>
-  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
-    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="120px">
-      <el-form-item prop="username" :label="$t('user.username')" auto-complete="new-password">
-        <el-input v-model="dataForm.username" :placeholder="$t('user.username')" auto-complete="new-password"></el-input>
+  <el-dialog
+    :visible.sync="visible"
+    :title="!dataForm.id ? $t('add') : $t('update')"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+  >
+    <el-form
+      :model="dataForm"
+      :rules="dataRule"
+      ref="dataForm"
+      @keyup.enter.native="dataFormSubmitHandle()"
+      label-width="120px"
+    >
+      <el-form-item
+        prop="username"
+        :label="$t('user.username')"
+        auto-complete="new-password"
+      >
+        <el-input
+          v-model="dataForm.username"
+          :placeholder="$t('user.username')"
+          auto-complete="new-password"
+        ></el-input>
       </el-form-item>
       <el-form-item prop="deptName" :label="$t('user.deptName')">
-        <ren-dept-tree v-model="dataForm.deptId" :placeholder="$t('dept.title')" :dept-name.sync="dataForm.deptName"></ren-dept-tree>
+        <ren-dept-tree
+          v-model="dataForm.deptId"
+          :placeholder="$t('dept.title')"
+          :dept-name.sync="dataForm.deptName"
+        ></ren-dept-tree>
       </el-form-item>
-      <el-form-item prop="password" :label="$t('user.password')" :class="{ 'is-required': !dataForm.id }" auto-complete="new-password" v-if="!dataForm.id">
-        <el-input v-model="dataForm.password" type="password" :placeholder="$t('user.password')" auto-complete="new-password" @input="changeInput"></el-input>
+      <el-form-item
+        prop="password"
+        :label="$t('user.password')"
+        :class="{ 'is-required': !dataForm.id }"
+        auto-complete="new-password"
+        v-if="!dataForm.id"
+      >
+        <el-input
+          v-model="dataForm.password"
+          type="password"
+          :placeholder="$t('user.password')"
+          auto-complete="new-password"
+          @input="changeInput"
+        ></el-input>
       </el-form-item>
-      <el-form-item prop="confirmPassword" :label="$t('user.confirmPassword')" :class="{ 'is-required': !dataForm.id }"  v-if="!dataForm.id">
-        <el-input v-model="dataForm.confirmPassword" type="password" :placeholder="$t('user.confirmPassword')"></el-input>
+      <el-form-item
+        prop="confirmPassword"
+        :label="$t('user.confirmPassword')"
+        :class="{ 'is-required': !dataForm.id }"
+        v-if="!dataForm.id"
+      >
+        <el-input
+          v-model="dataForm.confirmPassword"
+          type="password"
+          :placeholder="$t('user.confirmPassword')"
+        ></el-input>
       </el-form-item>
       <el-form-item prop="realName" :label="$t('user.realName')">
-        <el-input v-model="dataForm.realName" :placeholder="$t('user.realName')"></el-input>
+        <el-input
+          v-model="dataForm.realName"
+          :placeholder="$t('user.realName')"
+        ></el-input>
       </el-form-item>
       <el-form-item prop="gender" :label="$t('user.gender')">
-        <ren-radio-group v-model="dataForm.gender" dict-type="gender"></ren-radio-group>
+        <ren-radio-group
+          v-model="dataForm.gender"
+          dict-type="gender"
+        ></ren-radio-group>
       </el-form-item>
       <el-form-item prop="email" :label="$t('user.email')">
-        <el-input v-model="dataForm.email" :placeholder="$t('user.email')"></el-input>
+        <el-input
+          v-model="dataForm.email"
+          :placeholder="$t('user.email')"
+        ></el-input>
       </el-form-item>
       <el-form-item prop="mobile" :label="$t('user.mobile')">
-        <el-input v-model="dataForm.mobile" :placeholder="$t('user.mobile')"></el-input>
+        <el-input
+          v-model="dataForm.mobile"
+          :placeholder="$t('user.mobile')"
+        ></el-input>
       </el-form-item>
-      <el-form-item prop="roleIdList" :label="$t('user.roleIdList')" class="role-list">
-        <el-select v-model="dataForm.roleIdList" multiple :placeholder="$t('user.roleIdList')">
-          <el-option v-for="role in roleList" :key="role.id" :label="role.name" :value="role.id"></el-option>
+      <el-form-item
+        prop="roleIdList"
+        :label="$t('user.roleIdList')"
+        class="role-list"
+      >
+        <el-select
+          v-model="dataForm.roleIdList"
+          multiple
+          :placeholder="$t('user.roleIdList')"
+        >
+          <el-option
+            v-for="role in roleList"
+            :key="role.id"
+            :label="role.name"
+            :value="role.id"
+          ></el-option>
         </el-select>
       </el-form-item>
-      <el-form-item prop="postIdList" :label="$t('user.postIdList')" class="role-list">
+      <!-- 所在岗位屏蔽掉，bug729 -->
+      <!-- <el-form-item prop="postIdList" :label="$t('user.postIdList')" class="role-list">
         <el-select v-model="dataForm.postIdList" multiple :placeholder="$t('user.postIdList')">
           <el-option v-for="post in postList" :key="post.id" :label="post.postName" :value="post.id"></el-option>
         </el-select>
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item prop="status" :label="$t('user.status')" size="mini">
         <el-radio-group v-model="dataForm.status">
           <el-radio :label="0">{{ $t('user.status0') }}</el-radio>
@@ -44,7 +114,9 @@
     </el-form>
     <template slot="footer">
       <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">{{
+        $t('confirm')
+      }}</el-button>
     </template>
   </el-dialog>
 </template>
@@ -93,8 +165,22 @@ export default {
         const low = /^.*[a-z]+.*/
         const up = /^.*[A-Z]+.*/
         const spe = /^.*[^a-zA-Z0-9]+.*/
-        console.log('包含数字', num.test(value), '包含字母', low.test(value), up.test(value), '包含特殊符号', spe.test(value))
-        if (!(num.test(value) && (low.test(value) || up.test(value)) && spe.test(value))) {
+        console.log(
+          '包含数字',
+          num.test(value),
+          '包含字母',
+          low.test(value),
+          up.test(value),
+          '包含特殊符号',
+          spe.test(value)
+        )
+        if (
+          !(
+            num.test(value) &&
+            (low.test(value) || up.test(value)) &&
+            spe.test(value)
+          )
+        ) {
           return callback(new Error(this.$t('validate.pwdStrength')))
         }
         // if (!this.dataForm.id && !/\S/.test(value)) {
@@ -113,38 +199,52 @@ export default {
       }
       var validateEmail = (rule, value, callback) => {
         if (value && !isEmail(value)) {
-          return callback(new Error(this.$t('validate.format', { attr: this.$t('user.email') })))
+          return callback(
+            new Error(
+              this.$t('validate.format', { attr: this.$t('user.email') })
+            )
+          )
         }
         callback()
       }
       var validateMobile = (rule, value, callback) => {
         if (value && !isMobile(value)) {
-          return callback(new Error(this.$t('validate.format', { attr: this.$t('user.mobile') })))
+          return callback(
+            new Error(
+              this.$t('validate.format', { attr: this.$t('user.mobile') })
+            )
+          )
         }
         callback()
       }
       return {
         username: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
         ],
         deptName: [
-          { required: true, message: this.$t('validate.required'), trigger: 'change' }
-        ],
-        password: [
-          { validator: validatePassword, trigger: 'blur' }
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'change'
+          }
         ],
+        password: [{ validator: validatePassword, trigger: 'blur' }],
         confirmPassword: [
           { validator: validateConfirmPassword, trigger: 'blur' }
         ],
         realName: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+          {
+            required: true,
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
         ],
-        email: [
-          { validator: validateEmail, trigger: 'blur' }
-        ],
-        mobile: [
-          { validator: validateMobile, trigger: 'blur' }
-        ]
+        email: [{ validator: validateEmail, trigger: 'blur' }],
+        mobile: [{ validator: validateMobile, trigger: 'blur' }]
       }
     }
   },
@@ -165,10 +265,7 @@ export default {
       this.$nextTick(() => {
         this.$refs.dataForm.resetFields()
         this.roleIdListDefault = []
-        Promise.all([
-          this.getRoleList(),
-          this.getPostList()
-        ]).then(() => {
+        Promise.all([this.getRoleList(), this.getPostList()]).then(() => {
           if (this.dataForm.id) {
             this.getInfo()
           } else {
@@ -193,79 +290,98 @@ export default {
     },
     // 获取角色列表
     getRoleList () {
-      return this.$http.get('/sys/role/list').then(({ data: res }) => {
-        if (res.code !== 0) {
-          return this.$message.error(res.msg)
-        }
-        this.roleList = res.data
-      }).catch(() => {})
+      return this.$http
+        .get('/sys/role/list')
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.roleList = res.data
+        })
+        .catch(() => {})
     },
     // 获取岗位列表
     getPostList () {
-      return this.$http.get('/sys/post/list').then(({ data: res }) => {
-        if (res.code !== 0) {
-          return this.$message.error(res.msg)
-        }
-        this.postList = res.data
-      }).catch(() => {})
+      return this.$http
+        .get('/sys/post/list')
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.postList = res.data
+        })
+        .catch(() => {})
     },
     // 获取信息
     getInfo () {
-      this.$http.get(`/sys/user/${this.dataForm.id}`).then(({ data: res }) => {
-        if (res.code !== 0) {
-          return this.$message.error(res.msg)
-        }
-        this.dataForm = {
-          ...this.dataForm,
-          ...res.data,
-          roleIdList: []
-        }
-        // 角色配置, 区分是否为默认角色
-        for (var i = 0; i < res.data.roleIdList.length; i++) {
-          if (this.roleList.filter(item => item.id === res.data.roleIdList[i])[0]) {
-            this.dataForm.roleIdList.push(res.data.roleIdList[i])
-            continue
+      this.$http
+        .get(`/sys/user/${this.dataForm.id}`)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
           }
-          this.roleIdListDefault.push(res.data.roleIdList[i])
-        }
-      }).catch(() => {})
+          this.dataForm = {
+            ...this.dataForm,
+            ...res.data,
+            roleIdList: []
+          }
+          // 角色配置, 区分是否为默认角色
+          for (var i = 0; i < res.data.roleIdList.length; i++) {
+            if (
+              this.roleList.filter(
+                (item) => item.id === res.data.roleIdList[i]
+              )[0]
+            ) {
+              this.dataForm.roleIdList.push(res.data.roleIdList[i])
+              continue
+            }
+            this.roleIdListDefault.push(res.data.roleIdList[i])
+          }
+        })
+        .catch(() => {})
     },
     // 表单提交
-    dataFormSubmitHandle: debounce(function () {
-      this.$refs.dataForm.validate((valid) => {
-        if (!valid) {
-          return false
-        }
-        if (this.submitFlag) {
-          this.submitFlag = false
-          this.dataForm.password = Encrypt(this.dataForm.password)
-          if (this.dataForm.id) {
-            delete this.dataForm.password
+    dataFormSubmitHandle: debounce(
+      function () {
+        this.$refs.dataForm.validate((valid) => {
+          if (!valid) {
+            return false
           }
-          this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/user', {
-            ...this.dataForm,
-            roleIdList: [
-              ...this.dataForm.roleIdList,
-              ...this.roleIdListDefault
-            ]
-          }).then(({ data: res }) => {
-            if (res.code !== 0) {
-              return this.$message.error(res.msg)
+          if (this.submitFlag) {
+            this.submitFlag = false
+            this.dataForm.password = Encrypt(this.dataForm.password)
+            if (this.dataForm.id) {
+              delete this.dataForm.password
             }
-            this.$message({
-              message: this.$t('prompt.success'),
-              type: 'success',
-              duration: 500,
-              onClose: () => {
-                this.visible = false
-                this.$emit('refreshDataList')
-              }
+            this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/user', {
+              ...this.dataForm,
+              roleIdList: [
+                ...this.dataForm.roleIdList,
+                ...this.roleIdListDefault
+              ]
             })
-            this.submitFlag = true
-          }).catch(() => {})
-        }
-      })
-    }, 1000, { leading: true, trailing: false })
+              .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')
+                  }
+                })
+                this.submitFlag = true
+              })
+              .catch(() => {})
+          }
+        })
+      },
+      1000,
+      { leading: true, trailing: false }
+    )
   }
 }
 </script>
diff --git a/back/src/views/modules/sys/user.vue b/back/src/views/modules/sys/user.vue
index bd4a4be4..5fbacc01 100644
--- a/back/src/views/modules/sys/user.vue
+++ b/back/src/views/modules/sys/user.vue
@@ -9,7 +9,14 @@
         <el-form-item>
           <el-input
             v-model="dataForm.username"
-            :placeholder="$t('user.username')"
+            placeholder="用户名"
+            clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input
+            v-model="dataForm.real_name"
+            placeholder="真实姓名"
             clearable
           ></el-input>
         </el-form-item>
@@ -44,7 +51,7 @@
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="getDataList()">{{
-            $t("query")
+            $t('query')
           }}</el-button>
         </el-form-item>
         <el-form-item>
@@ -52,7 +59,7 @@
             v-if="$hasPermission('sys:user:save')"
             type="primary"
             @click="addOrUpdateHandle()"
-            >{{ $t("add") }}</el-button
+            >{{ $t('add') }}</el-button
           >
         </el-form-item>
         <el-form-item>
@@ -60,7 +67,7 @@
             v-if="$hasPermission('sys:user:delete')"
             type="danger"
             @click="deleteHandle()"
-            >{{ $t("deleteBatch") }}</el-button
+            >{{ $t('deleteBatch') }}</el-button
           >
         </el-form-item>
         <el-form-item>
@@ -68,7 +75,7 @@
             v-if="$hasPermission('sys:user:export')"
             type="info"
             @click="exportHandle()"
-            >{{ $t("export") }}</el-button
+            >{{ $t('export') }}</el-button
           >
         </el-form-item>
         <el-form-item>
@@ -96,6 +103,12 @@
           header-align="center"
           align="center"
         ></el-table-column>
+        <el-table-column
+          prop="realName"
+          label="真实姓名"
+          header-align="center"
+          align="center"
+        ></el-table-column>
         <el-table-column
           prop="deptName"
           :label="$t('user.deptName')"
@@ -123,7 +136,7 @@
           align="center"
         >
           <template slot-scope="scope">
-            {{ $getDictLabel("gender", scope.row.gender) }}
+            {{ $getDictLabel('gender', scope.row.gender) }}
           </template>
         </el-table-column>
         <el-table-column
@@ -135,10 +148,10 @@
         >
           <template slot-scope="scope">
             <el-tag v-if="scope.row.status === 0" size="small" type="danger">{{
-              $t("user.status0")
+              $t('user.status0')
             }}</el-tag>
             <el-tag v-else size="small" type="success">{{
-              $t("user.status1")
+              $t('user.status1')
             }}</el-tag>
           </template>
         </el-table-column>
@@ -163,14 +176,14 @@
               type="text"
               size="small"
               @click="addOrUpdateHandle(scope.row.id)"
-              >{{ $t("update") }}</el-button
+              >{{ $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
+              >{{ $t('delete') }}</el-button
             >
           </template>
         </el-table-column>
@@ -196,86 +209,87 @@
 </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() {
+    reset () {
       this.$http
         .get(
           this.mixinViewModuleOptions.getDataListURL +
-            "?" +
+            '?' +
             qs.stringify({
               page: 1,
               limit: 10,
-              username: "",
-              deptId: "",
-              postId: "",
-              gender: "",
+              username: '',
+              deptId: '',
+              postId: '',
+              gender: ''
             })
         )
         .then(({ data: res }) => {
-          this.dataForm.username = "";
-          this.dataForm.deptId = "";
-          this.dataForm.postId = "";
-          this.dataForm.gender = "";
+          this.dataForm.username = ''
+          this.dataForm.real_name = ''
+          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.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
+        })
     },
-    getPostList() {
+    getPostList () {
       this.$http
-        .get("/sys/post/list")
+        .get('/sys/post/list')
         .then(({ data: res }) => {
           if (res.code !== 0) {
-            return this.$message.error(res.msg);
+            return this.$message.error(res.msg)
           }
-          this.postList = res.data;
+          this.postList = res.data
         })
-        .catch(() => {});
-    },
-  },
-};
+        .catch(() => {})
+    }
+  }
+}
 </script>
diff --git a/back/src/views/modules/workBench/components/frequency-top5-view.vue b/back/src/views/modules/workBench/components/frequency-top5-view.vue
index 199bcbb8..b691ec4a 100644
--- a/back/src/views/modules/workBench/components/frequency-top5-view.vue
+++ b/back/src/views/modules/workBench/components/frequency-top5-view.vue
@@ -87,7 +87,8 @@ export default {
           this.noData = true
           return
         }
-        for (let i = 0; i < 3; i++) {
+        const num = _arr.length < 3 ? _arr.length : 3
+        for (let i = 0; i < num; i++) {
           const k = i + 1
           this[`no${k}Obj`].name = _arr[i].name
           this[`no${k}Obj`].count = _arr[i].count
diff --git a/front/package.json b/front/package.json
index 592ac777..0496e1ce 100644
--- a/front/package.json
+++ b/front/package.json
@@ -45,7 +45,7 @@
     "three.meshline": "^1.1.0",
     "vue": "^3.1.4",
     "vue-router": "^4.0.10",
-    "vue3-video-play": "^1.3.1-beta.6",
+    "vue3-video-play-emiyagm": "^1.3.1-beta.6.1",
     "vuex": "^4.0.2"
   },
   "devDependencies": {
@@ -75,6 +75,7 @@
     "svg-sprite-loader": "^6.0.9",
     "swiper": "^8.0.0",
     "vab-config": "0.0.8",
+    "vue3-video-play-emiyagm": "^1.3.1-beta.6.1",
     "webpackbar": "^5.0.0-3"
   },
   "gitHooks": {
diff --git a/front/public/index.html b/front/public/index.html
index 9c053fdf..a88fc8a3 100644
--- a/front/public/index.html
+++ b/front/public/index.html
@@ -2,7 +2,7 @@
  * @Author: hisense.wuhongjian
  * @Date: 2022-03-29 16:45:25
  * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-08-02 16:06:03
+ * @LastEditTime: 2022-08-08 09:19:02
  * @Description: 告诉大家这是什么
 -->
 <!DOCTYPE html>
@@ -60,10 +60,12 @@
     // window.SITE_CONFIG['websocketURL'] = '15.2.21.236:8888/renren-admin';
     // window.SITE_CONFIG['POI_URL'] = 'http://15.2.21.238:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address';
     // window.SITE_CONFIG['backUrl'] = 'http://15.2.21.238:9797';
-    // window.SITE_CONFIG['previewUrl'] = 'http://15.2.21.238:9796/';
-    // window.SITE_CONFIG['frontUrl'] = 'http://15.2.21.238:9796/document/#/devModelFile/';
-    // window.SITE_CONFIG['apiURL'] = 'http://15.2.21.239:8888/renren-admin';
-    window.SITE_CONFIG['POI_URL'] = 'http://15.2.21.238:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address';
+    // window.SITE_CONFIG['backUrl'] = 'http://localhost:8001';
+    // window.SITE_CONFIG['previewUrl'] = 'http://192.168.124.236:9796/';
+    // window.SITE_CONFIG['frontUrl'] = 'http://192.168.124.236:9796/document/#/devModelFile/';
+    // window.SITE_CONFIG['apiURL'] = 'http://192.168.124.236:8888/renren-admin';
+    // window.SITE_CONFIG['websocketURL'] = '192.168.124.236:8888/renren-admin';
+    window.SITE_CONFIG['POI_URL'] = 'http://192.168.124.236:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address';
     // 穿透版本
     // window.SITE_CONFIG['backUrl'] = 'http://124.222.94.39:9797';
     // window.SITE_CONFIG['previewUrl'] = 'http://124.222.94.39:9796/';
diff --git a/front/public/static/config/location.js b/front/public/static/config/location.js
index 50707442..deddff2f 100644
--- a/front/public/static/config/location.js
+++ b/front/public/static/config/location.js
@@ -1,8 +1,8 @@
 /*
  * @Author: hisense.wuhongjian
  * @Date: 2020-07-07 16:03:23
- * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-08-02 10:18:58
+ * @LastEditors: hisense.liangjunhua
+ * @LastEditTime: 2022-08-01 11:02:21
  * @Description: 数据资源参数配置
  */
 const newLocation = 'qingdao'
diff --git a/front/public/static/config/mapConfig.js b/front/public/static/config/mapConfig.js
index 1da63234..ca89b5fc 100644
--- a/front/public/static/config/mapConfig.js
+++ b/front/public/static/config/mapConfig.js
@@ -2,7 +2,7 @@
  * @Author: hisense.wuhongjian
  * @Date: 2020-07-07 16:03:23
  * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-07-28 16:57:43
+ * @LastEditTime: 2022-08-02 18:19:32
  * @Description: 地图静态参数配置
  */
 var _mapConfig = {}
diff --git a/front/src/App.vue b/front/src/App.vue
index 0dce7f04..ce2073f2 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-07-26 11:27:50
+ * @LastEditors: hisense.wuhongjian
+ * @LastEditTime: 2022-08-03 10:13:59
  * @Description: 告诉大家这是什么
 -->
 <template>
@@ -68,4 +68,7 @@
     position: relative;
     background-color: #fff;
   }
+  body {
+    font-size: 0.14rem;
+  }
 </style>
diff --git a/front/src/api/capabilityCloud.js b/front/src/api/capabilityCloud.js
index 011517fe..0cb3eebe 100644
--- a/front/src/api/capabilityCloud.js
+++ b/front/src/api/capabilityCloud.js
@@ -97,7 +97,7 @@ export function callTheTrendPort(start, end, params) {
 export function totalCallsSnum(params) {
   return request({
     url:
-      `/metrics/api/v1/query?time=${params}&query=sum(apigateway_http_status)`,
+      `/gateway-monitor/getCallCount`,
     method: 'get',
   })
 }
diff --git a/front/src/api/personalCenter.js b/front/src/api/personalCenter.js
index 84363a19..a579c418 100644
--- a/front/src/api/personalCenter.js
+++ b/front/src/api/personalCenter.js
@@ -275,3 +275,12 @@ export function AbilityToPullDownPages(params) {
     params,
   })
 }
+
+// 终止流程
+export function endProcess(params) {
+  return request({
+    url: '/act/task/endProcess',
+    method: 'post',
+    params,
+  })
+}
diff --git a/front/src/assets/menu/apply.png b/front/src/assets/menu/apply.png
index 6d3bd6b8..fd0b06a7 100644
Binary files a/front/src/assets/menu/apply.png and b/front/src/assets/menu/apply.png differ
diff --git a/front/src/assets/menu/apply_back.png b/front/src/assets/menu/apply_back.png
deleted file mode 100644
index 4fadc028..00000000
Binary files a/front/src/assets/menu/apply_back.png and /dev/null differ
diff --git a/front/src/assets/menu/down.png b/front/src/assets/menu/down.png
index 85462dc6..f9bb3c31 100644
Binary files a/front/src/assets/menu/down.png and b/front/src/assets/menu/down.png differ
diff --git a/front/src/assets/menu/jcss.png b/front/src/assets/menu/jcss.png
new file mode 100644
index 00000000..5e9dab0b
Binary files /dev/null and b/front/src/assets/menu/jcss.png differ
diff --git a/front/src/assets/menu/new-bg.png b/front/src/assets/menu/new-bg.png
new file mode 100644
index 00000000..6b3c5ef9
Binary files /dev/null and b/front/src/assets/menu/new-bg.png differ
diff --git a/front/src/assets/menu/sevice-bg.png b/front/src/assets/menu/sevice-bg.png
new file mode 100644
index 00000000..95974faa
Binary files /dev/null and b/front/src/assets/menu/sevice-bg.png differ
diff --git a/front/src/assets/menu/shelves.png b/front/src/assets/menu/shelves.png
index ede998d2..60c85489 100644
Binary files a/front/src/assets/menu/shelves.png and b/front/src/assets/menu/shelves.png differ
diff --git a/front/src/assets/menu/sjzy.png b/front/src/assets/menu/sjzy.png
new file mode 100644
index 00000000..e6a8b8ad
Binary files /dev/null and b/front/src/assets/menu/sjzy.png differ
diff --git a/front/src/assets/menu/yyzy.png b/front/src/assets/menu/yyzy.png
new file mode 100644
index 00000000..10de2b03
Binary files /dev/null and b/front/src/assets/menu/yyzy.png differ
diff --git a/front/src/assets/menu/zjfw.png b/front/src/assets/menu/zjfw.png
new file mode 100644
index 00000000..2affd86b
Binary files /dev/null and b/front/src/assets/menu/zjfw.png differ
diff --git a/front/src/main.js b/front/src/main.js
index be02ff2a..7b3ccf72 100644
--- a/front/src/main.js
+++ b/front/src/main.js
@@ -1,8 +1,8 @@
 /*
  * @Author: hisense.wuhongjian
  * @Date: 2022-03-29 17:48:03
- * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-22 16:03:23
+ * @LastEditors: hisense.wuhongjian
+ * @LastEditTime: 2022-08-06 15:00:49
  * @Description: 告诉大家这是什么
  */
 import { createApp } from 'vue'
@@ -16,8 +16,8 @@ import 'ant-design-vue/dist/antd.css'
 import '@/vab'
 import * as echarts from 'echarts'
 import * as moment from 'moment'
-import vue3videoPlay from 'vue3-video-play' // 引入组件
-import 'vue3-video-play/dist/style.css' // 引入css
+import vue3videoPlay from 'vue3-video-play-emiyagm' // 引入组件
+import 'vue3-video-play-emiyagm/dist/style.css' // 引入css
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
diff --git a/front/src/views/abilityStatistics/components/CapabilityRequirements.vue b/front/src/views/abilityStatistics/components/CapabilityRequirements.vue
index 6fef3668..b2d4c45c 100644
--- a/front/src/views/abilityStatistics/components/CapabilityRequirements.vue
+++ b/front/src/views/abilityStatistics/components/CapabilityRequirements.vue
@@ -13,10 +13,16 @@
               backgroundImage: `url(${item.photo}) `,
             }"
           ></div>
-          <div class="name">{{ item.demandSubject }}</div>
-          <div class="text">
-            {{ item.demandDetails }}
-          </div>
+          <a-tooltip>
+            <template #title>{{ item.demandSubject }}</template>
+            <div class="name">{{ item.demandSubject }}</div>
+          </a-tooltip>
+          <a-tooltip>
+            <template #title>{{ item.demandDetails }}</template>
+            <div class="text">
+              {{ item.demandDetails }}
+            </div>
+          </a-tooltip>
           <div class="reply">回复量:{{ item.commentCount }}</div>
           <div class="view-details" @click="viewDetails(item.id)">查看详情</div>
         </div>
@@ -165,6 +171,10 @@
           font-size: 16px;
           color: #212121;
           margin-bottom: 24px;
+          width: 226px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
         }
         .text {
           width: 100%;
@@ -175,6 +185,10 @@
           font-size: 14px;
           color: #666;
           text-align: center;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 3;
+          -webkit-box-orient: vertical;
         }
         .view-details {
           width: 75px;
diff --git a/front/src/views/assignCase/components/queryPage.vue b/front/src/views/assignCase/components/queryPage.vue
index 0a2f1052..3de479c6 100644
--- a/front/src/views/assignCase/components/queryPage.vue
+++ b/front/src/views/assignCase/components/queryPage.vue
@@ -64,14 +64,14 @@
           </div>
           <div class="pagination">
             <!-- 分页 -->
-            <span>共{{ resourceTotal }}条</span>
+            <!-- <span>共{{ resourceTotal }}条</span>
             <a-pagination
               v-model:current="currentPage"
               v-model:pageSize="currentPageSize"
               show-quick-jumper
               :total="resourceTotal"
               @change="pageChange"
-            />
+            /> -->
           </div>
         </main>
       </div>
@@ -215,7 +215,7 @@
       orderField: 'create_date',
       orderType: 'DESC',
       pageNum: currentPage.value,
-      pageSize: 3,
+      pageSize: 100,
       type: '赋能案例',
     }
     pageWithAttrs(params).then((res) => {
@@ -367,14 +367,15 @@
       .content {
         width: 100%;
         display: flex;
-        justify-content: center;
-        padding-top: 40px;
+        justify-content: space-around;
+        flex-wrap: wrap;
+        padding: 40px 300px 0;
         overflow: hidden;
         .contenBox {
           // width: 430px;
           padding: 30px;
           border: 1px solid #e4e6f5;
-          margin-right: 30px;
+          margin-bottom: 20px;
           background: #ffffff;
           border-radius: 6px;
           box-shadow: 5px 5px 20px 0 #f2f3fb;
diff --git a/front/src/views/capabilityCloud/components/ComponentServices.vue b/front/src/views/capabilityCloud/components/ComponentServices.vue
index fc2dbd45..1660dc9a 100644
--- a/front/src/views/capabilityCloud/components/ComponentServices.vue
+++ b/front/src/views/capabilityCloud/components/ComponentServices.vue
@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-19 10:15:33
  * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-06-19 18:19:58
+ * @LastEditTime: 2022-08-06 16:21:24
  * @Description: 能力云图-组件服务
 -->
 <template>
@@ -409,11 +409,16 @@
   const TotalCallsAPI = () => {
     const end = Date.parse(new Date()) / 1000
     totalCallsSnum(end).then((res) => {
-      debugger
-      snum.value[1].num = res.data.data.result[0].value[1]
+      snum.value[1].num = Number(res.data.data)
       totalCallsSnum2(end).then((resSon) => {
-        snum.value[2].num =
-          (resSon.data.data.result[0].value[1] / snum.value[1].num) * 100 + '%'
+        if (snum.value[1].num === 0) {
+          num.value[2].num = '100%'
+        } else {
+          snum.value[2].num =
+            parseInt(
+              (resSon.data.data.result[0].value[1] / snum.value[1].num) * 100
+            ) + '%'
+        }
       })
     })
   }
@@ -421,7 +426,10 @@
     timeSwitch(timeSwitchindex.value)
     NumberOfComponentServices()
     ranking(dataclick.value)
-    TotalCallsAPI()
+    // 西海岸版本不调用API总数
+    if (!xinhaianIsShow) {
+      TotalCallsAPI()
+    }
   }
   onMounted(() => {
     init()
diff --git a/front/src/views/capacityOnTheShelf/Algorithm.vue b/front/src/views/capacityOnTheShelf/Algorithm.vue
index 789854a8..8949a90c 100644
--- a/front/src/views/capacityOnTheShelf/Algorithm.vue
+++ b/front/src/views/capacityOnTheShelf/Algorithm.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-13 10:22:27
- * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-08-02 11:28:00
+ * @LastEditors: hisense.wuhongjian
+ * @LastEditTime: 2022-08-03 10:40:28
  * @Description: 算法上架
 -->
 <template>
@@ -841,25 +841,25 @@
 <style lang="less" scoped>
   .box {
     position: relative;
-    top: 64px;
-    margin: 15px 400px;
-    padding: 10px;
+    top: 0.64rem;
+    margin: 0.15rem 4rem;
+    padding: 0.1rem;
     background: #fff;
     .header {
-      font-size: 28px;
+      font-size: 0.28rem;
       font-weight: 600;
     }
     .vue-box {
-      padding: 0 100px;
+      padding: 0 1rem;
     }
     .top {
-      margin: 10px 20px 0;
-      padding: 15px 30px;
+      margin: 0.1rem 0.2rem 0;
+      padding: 0.15rem 0.3rem;
       background: #edf4fc;
       display: flex;
       justify-content: space-between;
       div {
-        font-size: 18px;
+        font-size: 0.18rem;
         color: #999;
         display: flex;
         justify-content: center;
@@ -868,26 +868,26 @@
           display: flex;
           justify-content: center;
           align-items: center;
-          width: 45px;
-          height: 45px;
+          width: 0.45rem;
+          height: 0.45rem;
           border-radius: 50%;
-          border: 1px solid rgb(214, 214, 214);
-          margin-right: 10px;
+          border: 0.01rem solid rgb(214, 214, 214);
+          margin-right: 0.1rem;
           transition: all 0.3s ease;
           span {
             display: flex;
             justify-content: center;
             align-items: center;
-            width: 30px;
-            height: 30px;
+            width: 0.3rem;
+            height: 0.3rem;
             border-radius: 50%;
-            border: 1px solid #999;
+            border: 0.01rem solid #999;
           }
         }
         .line {
-          margin-left: 10px;
-          width: 130px;
-          height: 1px;
+          margin-left: 0.1rem;
+          width: 1.3rem;
+          height: 0.01rem;
           background: #999;
         }
       }
@@ -896,10 +896,10 @@
         .bg-box {
           background: #9ccefa;
           color: #fff;
-          border: 1px solid #9ccefa;
+          border: 0.01rem solid #9ccefa;
           span {
             background: #0087ff;
-            border: 1px solid #0087ff;
+            border: 0.01rem solid #0087ff;
           }
         }
         .line {
@@ -909,17 +909,18 @@
       .btn {
         display: flex;
         justify-content: space-around;
-        padding: 10px 350px 0;
+        padding: 0.1rem 3.5rem 0;
         button {
           cursor: pointer;
-          width: 80px;
-          height: 35px;
+          font-size: 0.14rem;
+          width: 0.8rem;
+          height: 0.35rem;
           text-align: center;
           color: #fff;
-          border: 1px solid #9ccefa;
+          border: 0.01rem solid #9ccefa;
           span {
             background: #0087ff;
-            border: 1px solid #0087ff;
+            border: 0.01rem solid #0087ff;
           }
         }
         .line {
@@ -940,15 +941,16 @@
     .btn {
       display: flex;
       justify-content: space-between;
-      padding: 10px 350px 0;
+      padding: 0.1rem 3.5rem 0;
       button {
         cursor: pointer;
-        width: 80px;
-        height: 35px;
+        font-size: 0.14rem;
+        width: 0.8rem;
+        height: 0.35rem;
         text-align: center;
         color: #fff;
         border: none;
-        border-radius: 6px;
+        border-radius: 0.06rem;
         background: #0087ff;
       }
       button:nth-of-type(1) {
diff --git a/front/src/views/capacityOnTheShelf/Application.vue b/front/src/views/capacityOnTheShelf/Application.vue
index 5655a8af..aa31de8e 100644
--- a/front/src/views/capacityOnTheShelf/Application.vue
+++ b/front/src/views/capacityOnTheShelf/Application.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-13 10:22:27
- * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-08-02 11:40:41
+ * @LastEditors: hisense.wuhongjian
+ * @LastEditTime: 2022-08-04 16:11:50
  * @Description: 应用上架
 -->
 <template>
@@ -67,7 +67,7 @@
         v-else-if="showView === '部署与应用'"
         :refData="refData"
         :dataFrom="dataFrom"
-        :externalField="['共享类型']"
+        :externalField="['共享类型', '访问地址']"
         :configure="bs"
         @submit="submit()"
         @back="back()"
@@ -299,7 +299,6 @@
     '共享条件',
     '应用名称',
     '应用描述',
-    '应用状态',
     '应用类型',
   ])
   const notFilled = ref([])
@@ -347,15 +346,15 @@
     ) {
       notFilled.value.push('应用领域')
     }
-    if (
-      !dataFrom.value.infoList.filter(
-        (val) => val.attrType === '应用状态'
-      )[0] ||
-      !dataFrom.value.infoList.filter((val) => val.attrType === '应用状态')[0]
-        .attrValue
-    ) {
-      notFilled.value.push('应用状态')
-    }
+    // if (
+    //   !dataFrom.value.infoList.filter(
+    //     (val) => val.attrType === '应用状态'
+    //   )[0] ||
+    //   !dataFrom.value.infoList.filter((val) => val.attrType === '应用状态')[0]
+    //     .attrValue
+    // ) {
+    //   notFilled.value.push('应用状态')
+    // }
     if (
       !dataFrom.value.infoList.filter(
         (val) => val.attrType === '应用类型'
diff --git a/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue b/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
index 7822484c..6ae354a3 100644
--- a/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
+++ b/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-17 14:11:08
- * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-08-02 11:31:43
+ * @LastEditors: hisense.wuhongjian
+ * @LastEditTime: 2022-08-03 11:47:41
  * @Description: 上架
 -->
 <template>
@@ -86,6 +86,7 @@
               <template v-if="attr.type == 'input2'">
                 <a-input
                   disabled
+                  :maxLength="1000"
                   v-model:value="val[attr.field]"
                   :placeholder="'请填写' + attr.name"
                 />
@@ -144,6 +145,7 @@
             />
             <template v-if="val.type == 'input2'">
               <a-input
+                :maxLength="1000"
                 v-model:value="val.note1"
                 :placeholder="'请填写' + val.name"
               />
@@ -228,6 +230,7 @@
                 {{ item.name }}
               </div>
               <a-input
+                :maxLength="1000"
                 v-if="item.type == 'input' && item.name.indexOf('名称') == -1"
                 v-model:value="item.note1"
                 :placeholder="'请输入' + item.name"
@@ -246,9 +249,11 @@
                 v-else-if="item.type == 'radio'"
                 v-model:value="item.note1"
                 :options="item.options"
+                @change="changeIiem(item.name, item.note1)"
               />
               <a-input
                 v-else-if="item.type == 'AbilityType'"
+                :maxLength="1000"
                 v-model:value="item.note1"
                 :placeholder="'请输入' + item.name"
                 :disabled="true"
@@ -256,6 +261,7 @@
               <a-input
                 v-else-if="item.type == 'ComponentType'"
                 v-model:value="item.note1"
+                :maxLength="1000"
                 :placeholder="'请输入' + item.name"
                 :disabled="true"
               />
@@ -1222,6 +1228,7 @@
 
         .submit {
           margin-top: 0.4rem;
+          font-size: 0.14rem;
           display: flex;
           justify-content: flex-end;
 
diff --git a/front/src/views/demandCenter/demandDetails.vue b/front/src/views/demandCenter/demandDetails.vue
index 40b0669f..97a3c31c 100644
--- a/front/src/views/demandCenter/demandDetails.vue
+++ b/front/src/views/demandCenter/demandDetails.vue
@@ -299,7 +299,7 @@
       if (res.data.code == '0') {
         demandCommentApply({ id: res.data.data.id }).then((res1) => {
           if (res1.data.code == '0') {
-            message.success('提交评价成功！')
+            message.success('提交评论成功，请注意查看消息通知！')
             myComment.value = ''
             evaluateList()
           }
diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmAdvantage.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmAdvantage.vue
index e0294a52..628c4813 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmAdvantage.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmAdvantage.vue
@@ -9,7 +9,7 @@
   <div class="algorithm-advantage" v-if="flag">
     <detals-title title="算法优势" type="ADVANTGE"></detals-title>
     <div class="main">
-      <div class="top">
+      <div class="top" v-if="data.length < 3">
         <div v-for="val in data" :key="val.id" class="item">
           <div class="icon" :class="val.icon"></div>
           <a-tooltip>
@@ -22,17 +22,44 @@
           </a-tooltip>
         </div>
       </div>
+      <div class="top" v-else>
+        <swiper
+          :slidesPerView="3"
+          :spaceBetween="30"
+          :pagination="{ clickable: true }"
+          :modules="modules"
+          class="mySwiper2"
+          @swiper="onSwiper"
+          @slideChange="onSlideChange"
+        >
+          <swiper-slide v-for="val in data" :key="val.id" class="item">
+            <div class="icon" :class="val.icon"></div>
+            <a-tooltip>
+              <template #title>{{ val.title }}</template>
+              <div class="title">{{ val.title }}</div>
+            </a-tooltip>
+            <a-tooltip>
+              <template #title>{{ val.text }}</template>
+              <div class="text">{{ val.text }}</div>
+            </a-tooltip>
+          </swiper-slide>
+        </swiper>
+      </div>
       <div class="bottom"></div>
     </div>
   </div>
 </template>
 <script setup>
   import { ref, defineProps, watch } from 'vue'
+  import { Navigation, Pagination, Scrollbar, A11y } from 'swiper'
   import DetalsTitle from '@/views/detailsAll/components/DetalsTitle.vue'
+  import { Swiper, SwiperSlide } from 'swiper/vue/swiper-vue.js'
+  import 'swiper/swiper-bundle.min.css'
   const data = ref([])
   const props = defineProps({
     dataList: { type: Object, default: null },
   })
+  const modules = ref([Pagination])
   const flag = ref(true)
   if (props.dataList.infoList) {
     let obj = props.dataList.infoList.filter(
@@ -43,10 +70,10 @@
     } else {
       data.value = []
       let arr = JSON.parse(obj.attrValue)
-      if (arr.length > 3) {
-        // 截取数组前三位
-        arr = arr.splice(0, 3)
-      }
+      // if (arr.length > 3) {
+      //   // 截取数组前三位
+      //   arr = arr.splice(0, 3)
+      // }
       arr.forEach((item, index) => {
         data.value.push({
           title: item.name,
@@ -67,10 +94,10 @@
         } else {
           data.value = []
           let arr = JSON.parse(obj.attrValue)
-          if (arr.length > 3) {
-            // 截取数组前三位
-            arr = arr.splice(0, 3)
-          }
+          // if (arr.length > 3) {
+          //   // 截取数组前三位
+          //   arr = arr.splice(0, 3)
+          // }
           arr.forEach((item, index) => {
             data.value.push({
               title: item.name,
@@ -90,6 +117,7 @@
     .main {
       margin-top: 40px;
       .top {
+        width: 13.14rem;
         display: flex;
         justify-content: space-around;
         align-items: center;
diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmAssociatedAbility.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmAssociatedAbility.vue
index a5af8482..1a4d7749 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmAssociatedAbility.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="application-associated-ability" v-if="flag">
-    <detals-title title="关联应用" type="ASSOCIATED"></detals-title>
+    <detals-title title="来源应用" type="ASSOCIATED"></detals-title>
     <div
       class="application-associated-ability-main"
       v-if="dataFrom[0].dataList.length < 4"
diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmNavigation.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmNavigation.vue
index 5a49469a..ef74debe 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmNavigation.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmNavigation.vue
@@ -64,18 +64,18 @@
     },
   ])
   const list = ref([])
-  // 根据能力id查询是否存在关联应用
+  // 根据能力id查询是否存在来源应用
   if (keyId) {
     queryPartAppByKeyId2({ keyId: keyId }).then((res) => {
       console.log('ressssssss', res)
       if (res.data.data.length > 0) {
-        // 存在关联应用时在导航栏加入关联应用
+        // 存在来源应用时在导航栏加入来源应用
         navList.value.unshift({
-          name: '关联应用',
+          name: '来源应用',
           key: 'algorithm-associated-ability',
           show: true,
         })
-        // list.value.push('关联应用')
+        // list.value.push('来源应用')
         console.log('navList', navList)
       }
     })
@@ -130,7 +130,7 @@
     if (list.value.length > 0) {
       if (navList.value.filter((item) => item.name === list.value[0])[0]) {
         select.value = navList.value.filter(
-          (item) => (item.name === '关联应用') | (item.name === list.value[0])
+          (item) => (item.name === '来源应用') | (item.name === list.value[0])
         )[0].key
       }
     }
@@ -171,7 +171,7 @@
             list.value.push('使用方式')
           }
         })
-        list.value.unshift('关联应用')
+        list.value.unshift('来源应用')
         navList.value.forEach((item) => {
           console.log(item)
           if (list.value.indexOf(item.name) > -1) {
diff --git a/front/src/views/detailsAll/components/Application/ApplicationNavigation.vue b/front/src/views/detailsAll/components/Application/ApplicationNavigation.vue
index 0503a752..7a275ff2 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationNavigation.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationNavigation.vue
@@ -66,7 +66,7 @@
   })
   const select = ref('application-associated-ability')
   const list = ref([])
-  // 根据能力id查询是否存在关联应用
+  // 根据能力id查询是否存在关联组件
   if (keyId) {
     let params = {
       keyId: keyId,
@@ -75,7 +75,7 @@
     queryPartAppByKeyId(params).then((res) => {
       console.log('ressssssss', res)
       if (res.data.data.length != 0) {
-        // 存在关联应用时在导航栏加入关联应用
+        // 存在关联组件时在导航栏加入关联组件
         navList.value.unshift({
           name: '关联组件',
           key: 'application-associated-ability',
diff --git a/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue b/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue
index 7484988e..d9dfc866 100644
--- a/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="application-associated-ability" v-if="flag">
-    <detals-title title="关联应用" type="ASSOCIATED"></detals-title>
+    <detals-title title="来源应用" type="ASSOCIATED"></detals-title>
     <div
       class="application-associated-ability-main"
       v-if="dataFrom[0].dataList.length < 4"
diff --git a/front/src/views/detailsAll/components/Business/BusinessNavigation.vue b/front/src/views/detailsAll/components/Business/BusinessNavigation.vue
index 44669056..b22bd6b1 100644
--- a/front/src/views/detailsAll/components/Business/BusinessNavigation.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessNavigation.vue
@@ -62,18 +62,18 @@
   })
   const select = ref('business-associated-ability')
   const list = ref([])
-  // 根据能力id查询是否存在关联应用
+  // 根据能力id查询是否存在来源应用
   if (keyId) {
     queryPartAppByKeyId2({ keyId: keyId }).then((res) => {
       console.log('ressssssss', res)
       if (res.data.data.length > 0) {
-        // 存在关联应用时在导航栏加入关联应用
+        // 存在来源应用时在导航栏加入来源应用
         navList.value.unshift({
-          name: '关联应用',
+          name: '来源应用',
           key: 'business-associated-ability',
           show: true,
         })
-        // list.value.push('关联应用')
+        // list.value.push('来源应用')
         console.log('navList', navList)
       }
     })
@@ -85,7 +85,7 @@
   if (props.dataList.infoList) {
     list.value = []
     let arr = [
-      '关联应用',
+      '来源应用',
       '组件视频介绍',
       '功能介绍',
       '应用场景',
@@ -110,12 +110,12 @@
         list.value.push('组件展示')
       }
     })
-    list.value.unshift('关联应用')
+    list.value.unshift('来源应用')
     list.value.push('使用方式')
     navList.value.forEach((item) => {
       console.log(item)
       if (list.value.indexOf(item.name) > -1) {
-        if (item.name == '关联应用') {
+        if (item.name == '来源应用') {
           if (props.associatedComponents[0].dataList.length != 0) {
             item.show = true
           }
@@ -127,7 +127,7 @@
     if (list.value.length > 0) {
       if (navList.value.filter((item) => item.name === list.value[0])[0]) {
         select.value = navList.value.filter(
-          (item) => (item.name === '关联应用') | (item.name === list.value[0])
+          (item) => (item.name === '来源应用') | (item.name === list.value[0])
         )[0].key
       }
     }
@@ -145,7 +145,7 @@
       if (val) {
         list.value = []
         let arr = [
-          '关联应用',
+          '来源应用',
           '组件视频介绍',
           '功能介绍',
           '应用场景',
@@ -171,12 +171,12 @@
             list.value.push('组件展示')
           }
         })
-        list.value.unshift('关联应用')
+        list.value.unshift('来源应用')
         list.value.push('使用方式')
         navList.value.forEach((item) => {
           console.log(item)
           if (list.value.indexOf(item.name) > -1) {
-            if (item.name == '关联应用') {
+            if (item.name == '来源应用') {
               if (props.associatedComponents[0].dataList.length != 0) {
                 item.show = true
               }
@@ -189,7 +189,7 @@
           if (navList.value.filter((item) => item.name === list.value[0])[0]) {
             select.value = navList.value.filter(
               (item) =>
-                (item.name === '关联应用') | (item.name === list.value[0])
+                (item.name === '来源应用') | (item.name === list.value[0])
             )[0].key
           }
         }
diff --git a/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue b/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
index 4d6af1ae..7904eb19 100644
--- a/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
@@ -210,7 +210,6 @@
     let obj = props.dataList.infoList.filter(
       (item) => item.attrType === '使用手册'
     )[0]
-    console.log('dataFrom.value.link', obj.attrValue)
     if (obj) {
       window.open(
         window.SITE_CONFIG.previewUrl +
@@ -221,7 +220,7 @@
       message.config({
         top: '100px', // 距离顶部的位置
       })
-      message.error('暂未上传使用手册')
+      message.error('暂未开放新手指引')
     }
   }
 </script>
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue b/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue
index 7484988e..d9dfc866 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="application-associated-ability" v-if="flag">
-    <detals-title title="关联应用" type="ASSOCIATED"></detals-title>
+    <detals-title title="来源应用" type="ASSOCIATED"></detals-title>
     <div
       class="application-associated-ability-main"
       v-if="dataFrom[0].dataList.length < 4"
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperNavigation.vue b/front/src/views/detailsAll/components/Developer/DeveloperNavigation.vue
index cfa20a0b..1dbbea1d 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperNavigation.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperNavigation.vue
@@ -65,18 +65,18 @@
   })
   const select = ref('developer-associated-ability')
   const list = ref([])
-  // 根据能力id查询是否存在关联应用
+  // 根据能力id查询是否存在来源应用
   if (keyId) {
     queryPartAppByKeyId2({ keyId: keyId }).then((res) => {
       console.log('ressssssss', res)
       if (res.data.data.length > 0) {
-        // 存在关联应用时在导航栏加入关联应用
+        // 存在来源应用时在导航栏加入来源应用
         navList.value.unshift({
-          name: '关联应用',
+          name: '来源应用',
           key: 'developer-associated-ability',
           show: true,
         })
-        // list.value.push('关联应用')
+        // list.value.push('来源应用')
         console.log('navList', navList)
       }
     })
@@ -101,12 +101,12 @@
         list.value.push('组件试用')
       }
     })
-    list.value.unshift('关联应用')
+    list.value.unshift('来源应用')
     list.value.push('使用方式')
     navList.value.forEach((item) => {
       console.log(item)
       if (list.value.indexOf(item.name) > -1) {
-        // if (item.name == '关联应用') {
+        // if (item.name == '来源应用') {
         //   if (props.associatedComponents[0].dataList.length != 0) {
         //     item.show = true
         //   }
@@ -117,7 +117,7 @@
     })
     if (navList.value.filter((item) => item.name === list.value[0])[0]) {
       select.value = navList.value.filter(
-        (item) => (item.name === '关联应用') | (item.name === list.value[0])
+        (item) => (item.name === '来源应用') | (item.name === list.value[0])
         // (item) => item.name === list.value[0]
       )[0].key
     }
@@ -151,13 +151,13 @@
             list.value.push('组件试用')
           }
         })
-        list.value.unshift('关联应用')
+        list.value.unshift('来源应用')
         // list.value.push('组件试用')
         list.value.push('使用方式')
         navList.value.forEach((item) => {
           console.log(item)
           if (list.value.indexOf(item.name) > -1) {
-            // if (item.name == '关联应用') {
+            // if (item.name == '来源应用') {
             //   if (props.associatedComponents[0].dataList.length != 0) {
             //     item.show = true
             //   }
@@ -170,7 +170,7 @@
           if (navList.value.filter((item) => item.name === list.value[0])[0]) {
             select.value = navList.value.filter(
               (item) =>
-                (item.name === '关联应用') | (item.name === list.value[0])
+                (item.name === '来源应用') | (item.name === list.value[0])
             )[0].key
           }
         }
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue b/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
index 400d6595..74c3d887 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
@@ -173,7 +173,7 @@
       message.config({
         top: '100px', // 距离顶部的位置
       })
-      message.error('暂未上传使用手册')
+      message.error('暂未开放新手指引')
     }
   }
   watch(
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperTrial.vue b/front/src/views/detailsAll/components/Developer/DeveloperTrial.vue
index edf44111..fe614238 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperTrial.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperTrial.vue
@@ -17,7 +17,12 @@
       </div>
       <div class="main-center">
         <p>{{ dataFrom.numberName }}</p>
-        <p>{{ dataFrom.number }}</p>
+        <a-tooltip>
+          <template #title>{{ dataFrom.number }}</template>
+          <p class="main-center-number">
+            {{ dataFrom.number }}
+          </p>
+        </a-tooltip>
         <div @click="copyFunction(dataFrom.number, '复制账号')">复制账号</div>
       </div>
       <div class="main-right">
@@ -40,9 +45,9 @@
   })
   const dataFrom = ref({
     linkName: '试用地址',
-    link: 'http://localhost:8080/#/detailsfdddffffffffffffffdfgdfgdfdgdfgdfg',
+    link: '',
     numberName: '试用账号',
-    number: 'zhangfeihu',
+    number: '',
     passwordName: '试用密码',
     password: '**************************',
     password2: '',
@@ -144,6 +149,13 @@
       .main-center {
         padding-left: 1rem;
         padding-right: 1rem;
+        .main-center-number {
+          display: inline-block;
+          width: 2.4rem;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
       }
       .main-right {
         padding-right: 0.7rem;
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue
index 7484988e..d9dfc866 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="application-associated-ability" v-if="flag">
-    <detals-title title="关联应用" type="ASSOCIATED"></detals-title>
+    <detals-title title="来源应用" type="ASSOCIATED"></detals-title>
     <div
       class="application-associated-ability-main"
       v-if="dataFrom[0].dataList.length < 4"
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceNavigation.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceNavigation.vue
index cc206f14..57a68c87 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceNavigation.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceNavigation.vue
@@ -64,18 +64,18 @@
     associatedComponents: { type: Array, default: null },
   })
   const list = ref([])
-  // 根据能力id查询是否存在关联应用
+  // 根据能力id查询是否存在来源应用
   if (keyId) {
     queryPartAppByKeyId2({ keyId: keyId }).then((res) => {
       console.log('ressssssss', res)
       if (res.data.data.length > 0) {
-        // 存在关联应用时在导航栏加入关联应用
+        // 存在来源应用时在导航栏加入来源应用
         navList.value.unshift({
-          name: '关联应用',
+          name: '来源应用',
           key: 'layer-service-associated-ability',
           show: true,
         })
-        list.value.unshift('关联应用')
+        list.value.unshift('来源应用')
       }
     })
   }
@@ -137,7 +137,7 @@
         list.value.push('使用方式')
       }
     })
-    list.value.unshift('关联应用')
+    list.value.unshift('来源应用')
     navList.value.forEach((item) => {
       console.log(item)
       if (list.value.indexOf(item.name) > -1) {
@@ -146,7 +146,7 @@
     })
     if (navList.value.filter((item) => item.name === list.value[0])[0]) {
       select.value = navList.value.filter(
-        (item) => (item.name === '关联应用') | (item.name === list.value[0])
+        (item) => (item.name === '来源应用') | (item.name === list.value[0])
         // (item) => item.name === list.value[0]
       )[0].key
     }
@@ -215,7 +215,7 @@
             list.value.push('使用方式')
           }
         })
-        list.value.unshift('关联应用')
+        list.value.unshift('来源应用')
         navList.value.forEach((item) => {
           console.log(item)
           if (list.value.indexOf(item.name) > -1) {
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
index 2a69ed53..902e9708 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
@@ -12,14 +12,14 @@
         <div class="left">
           <a-tooltip>
             <template #title>{{ item.linkValue }}</template>
-            <p>
+            <p @click="ServiceAddressFunction(item.linkValue)">
               服务地址：
               {{ item.linkValue }}
             </p>
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ item.csslinkValue }}</template>
-            <p>
+            <p @click="ServiceAddressFunction(item.csslinkValue)">
               样式服务地址：
               {{ item.csslinkValue }}
             </p>
@@ -186,6 +186,10 @@
       }
     }
   )
+  //服务地址和样式服务地址跳转方法
+  function ServiceAddressFunction(link) {
+    window.open(link)
+  }
   function technical() {
     // 拼接路径
     // const type = pinyin(props.dataList.type, {
@@ -280,6 +284,7 @@
             color: #212956;
             line-height: 26px;
             margin-top: 0.3rem;
+            cursor: pointer;
           }
           p:first-child {
             margin-top: 0.2rem;
diff --git a/front/src/views/home/AbilityToApplyFor.vue b/front/src/views/home/AbilityToApplyFor.vue
index 30218eda..4f23d218 100644
--- a/front/src/views/home/AbilityToApplyFor.vue
+++ b/front/src/views/home/AbilityToApplyFor.vue
@@ -2,8 +2,51 @@
   <div class="ability-to-apply-for" :class="{ all: falg }">
     <div class="title">
       <span>申请能力</span>
-      <span class="btn" @click="falg = !falg" v-show="!falg">展开</span>
-      <span class="btn" @click="falg = !falg" v-show="falg">收起</span>
+      <div class="btnBox" v-show="!falg">
+        <svg
+          t="1659419933164"
+          class="btn"
+          viewBox="0 0 1024 1024"
+          version="1.1"
+          xmlns="http://www.w3.org/2000/svg"
+          p-id="5926"
+          width="20"
+          height="20"
+          @click="falg = !falg"
+        >
+          <path
+            d="M512 565.12a45.44 45.44 0 0 1-32.64-13.44l-448-451.84a45.44 45.44 0 0 1 64-64L512 454.4 931.84 35.2a46.08 46.08 0 0 1 64 0 45.44 45.44 0 0 1 0 64L545.28 551.68a45.44 45.44 0 0 1-33.28 13.44z"
+            fill="#13227a"
+            p-id="5927"
+          ></path>
+          <path
+            d="M512 1016.96a45.44 45.44 0 0 1-32.64-13.44l-448-451.84a45.44 45.44 0 0 1 64-64L512 906.24l419.2-419.2a46.08 46.08 0 0 1 64 0 45.44 45.44 0 0 1 0 64l-449.92 452.48a45.44 45.44 0 0 1-33.28 13.44z"
+            fill="#13227a"
+            p-id="5928"
+          ></path>
+        </svg>
+        <span class="btn" @click="falg = !falg">展开</span>
+      </div>
+      <div class="btnBox" v-show="falg">
+        <svg
+          t="1659420014519"
+          class="btn"
+          viewBox="0 0 1024 1024"
+          version="1.1"
+          xmlns="http://www.w3.org/2000/svg"
+          p-id="9781"
+          width="20"
+          height="20"
+          @click="falg = !falg"
+        >
+          <path
+            d="M498.095 146.134l403.416 403.415c17.387 17.387 45.576 17.387 62.963 0s17.387-45.576 0-62.963L499.888 22 35.302 486.586c-17.388 17.387-17.388 45.575 0 62.963 17.387 17.387 45.576 17.387 62.964 0L498.095 146.134zM498.817 592.073l402.693 402.693c17.387 17.387 45.576 17.387 62.963 0s17.387-45.576 0-62.963L499.888 467.219 35.302 931.804c-17.388 17.387-17.388 45.576 0 62.963 17.387 17.387 45.576 17.387 62.964 0L498.817 592.073z"
+            p-id="9782"
+            fill="#13227a"
+          ></path>
+        </svg>
+        <span class="btn" @click="falg = !falg">收起</span>
+      </div>
     </div>
     <div
       v-for="(item, index) in dataForm"
@@ -50,7 +93,7 @@
               {{
                 val.description ||
                 ((val.note1 || '') &&
-                 ( JSON.parse(val.note1)[0].channelName || '--') +
+                  (JSON.parse(val.note1)[0].channelName || '--') +
                     '等' +
                     JSON.parse(val.note1).length +
                     '个摄像头') ||
@@ -248,6 +291,7 @@
 
   .btn {
     cursor: pointer;
+    margin-left: 10px;
   }
 
   .tx {
@@ -285,4 +329,8 @@
     background: url('~@/assets/home/ywzj_square.png') no-repeat;
     background-size: 100%;
   }
+  .btnBox {
+    display: flex;
+    align-items: center;
+  }
 </style>
diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index 391c868c..0f2fad5a 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -772,7 +772,7 @@
         type: Cardsname.value,
         name: '',
         infoList: [],
-        orderField: 'total', // total 综合 visits 访问量 applyCount 申请量 score 评分  collectCount 收藏量
+        orderField: 'visits', // total 综合 visits 访问量 applyCount 申请量 score 评分  collectCount 收藏量
         orderType: 'DESC', // ASC 升序  DESC 降序
       }
       //西海岸查询参数
diff --git a/front/src/views/home/algorithmCompare.vue b/front/src/views/home/algorithmCompare.vue
index fd66bb38..550eed45 100644
--- a/front/src/views/home/algorithmCompare.vue
+++ b/front/src/views/home/algorithmCompare.vue
@@ -37,7 +37,9 @@
               {{ `共选取${selectedRowKeys.length}个算法` }}
             </div>
             <div class="td" v-for="(item, k) in detailArray" :key="k">
-              <span v-if="item">{{ item.name || '--' }}</span>
+              <span v-if="item" style="line-height: 14px">
+                {{ item.name || '--' }}
+              </span>
               <span
                 v-if="item"
                 @click="deleteList(k)"
@@ -230,10 +232,10 @@
         text: '共享条件',
         key: 'shareCondition',
       },
-      {
-        text: '共享类型',
-        key: 'shareType',
-      },
+      // {
+      //   text: '共享类型',
+      //   key: 'shareType',
+      // },
       {
         text: '算法描述',
         key: 'description',
@@ -355,7 +357,6 @@
       answer: '回答',
     },
   }
-
   const showAddModal = ref(false)
   const dataList = ref([])
   const selectedRowKeys = ref([])
@@ -428,7 +429,7 @@
         _newObj.list = []
       }
       let list = []
-      titleInfoObj[titleKey].map((trName) => {
+      titleInfoObj[titleKey].map((trName, index) => {
         let obj = {
           name: trName.text,
         }
@@ -445,8 +446,15 @@
       }
       tableData.value.push(_newObj)
     })
+    tableData.value[1].list[4].infoList.map((item, index) => {
+      if (!item && tableData.value[0].list[0].infoList[index]) {
+        tableData.value[1].list[3].infoList[index] = '否'
+      } else if (item && tableData.value[0].list[0].infoList[index]) {
+        tableData.value[1].list[3].infoList[index] = '是'
+      }
+    })
 
-    console.log('11111111111111', tableData.value)
+    console.log('11111111111111', tableData.value[1].list[4])
   }
 
   // 基本信息等
diff --git a/front/src/views/home/apply.vue b/front/src/views/home/apply.vue
index 57291cce..24431ac0 100644
--- a/front/src/views/home/apply.vue
+++ b/front/src/views/home/apply.vue
@@ -249,7 +249,7 @@
     relaunch,
     selectOne,
   } from '@/api/home'
-  import { getCategoryTreePage } from '@/api/personalCenter'
+  import { getCategoryTreePage, endProcess } from '@/api/personalCenter'
   import mybus from '@/myplugins/mybus'
   import { sgcDel, getApplyForm } from '@/api/personalCenter'
   import { pageWithAttrs } from '@/api/home'
@@ -327,6 +327,30 @@
         enclosureName: '', //附件
       })
       const dataList = ref([])
+      const id = router.currentRoute.value.query.id
+      const taskId = router.currentRoute.value.query.taskId
+      const businessKey = ref(router.currentRoute.value.query.id)
+      if (id) {
+        getApplyForm(id).then((res) => {
+          console.log('修改==============>', res.data.data)
+          // formName.id = res.data.data.id || ''
+          formName.applicationSystem = res.data.data.applicationSystem || ''
+          formName.applicationScene = res.data.data.applicationScene || []
+          formName.applicationBackground =
+            res.data.data.applicationBackground || ''
+          formName.effectWish = res.data.data.effectWish || ''
+          formName.phone = res.data.data.phone || ''
+          // formName.system = res.data.data.system || []
+          formName.enclosure = res.data.data.enclosure || ''
+          formName.enclosureName = res.data.data.enclosureName || ''
+          if (res.data.data.enclosure) {
+            fileList.value.push({
+              name: res.data.data.enclosureName,
+              url: res.data.data.enclosure,
+            })
+          }
+        })
+      }
       getUser().then((res) => {
         formName.user = res.data.data.realName
         formName.userId = res.data.data.id
@@ -338,18 +362,6 @@
         })
       })
       // console.log('本地存储====================》', list.value)
-      const businessKey = ref(router.currentRoute.value.query.id)
-      const taskId = ref(router.currentRoute.value.query.taskId)
-      if (businessKey.value) {
-        getApplyForm(businessKey.value).then((res) => {
-          formName.id = res.data.data.id
-          formName.phone = res.data.data.phone
-          formName.scene = res.data.data.scene
-          formName.basis = res.data.data.basis
-          formName.enclosure = res.data.data.enclosure
-          // console.log('回填数据================>', res, formName.phone)
-        })
-      }
       const applicationSceneOpthion = ref([])
       getCategoryTreePage({
         page: 1,
@@ -385,41 +397,146 @@
         window.history.go(-1)
       }
       const processStartHandle = () => {
-        if (businessKey.value) {
-          const obj = ref({})
-          for (const key in formName) {
-            if (key !== 'formNameSystem') {
-              obj.value[key] = formName[key]
-            }
+        formRef.value.validate().then(() => {
+          if (!formUrl) {
+            return message.error('请设置保存表单的URL')
           }
-          obj.value.system = formName.system[0].resourceName
-          tabilityapplication(obj.value).then((upres) => {
-            if (upres.data.code == 0) {
-              relaunch({ data: obj.value, taskId: taskId.value }).then(
-                (res) => {
-                  // console.log('驳回================>', res)
-                  if (res.data.code == 0) {
-                    message.success('重新发起流程成功！')
-                    window.setTimeout(() => {
-                      window.history.go(-1)
-                    }, 1000)
-                  } else {
-                    message.error('重新发起流程失败！')
+          if (!formName) {
+            return message.error('请设置表单名称')
+          }
+          if (id) {
+            endProcess({ instanceId: taskId }).then((end) => {
+              if (end.data.code == 0) {
+                let ids = []
+                let falgNum = 0
+                let sxt = true
+                formName.system = []
+                console.log('list==================', list.value)
+                list.value.map((val) => {
+                  val.arr.map((item) => {
+                    if (item.type !== '基础设施') {
+                      falgNum++
+                    }
+                  })
+                })
+                list.value.map((val) => {
+                  val.arr.map((item) => {
+                    if (item.type !== '基础设施') {
+                      formName.system.push({
+                        resourceId: item.resourceId,
+                        resourceName: item.resourceName,
+                      })
+                      falgNum++
+                      console.log(item.id)
+                      if (item.id) {
+                        ids.push(item.id)
+                      }
+                    } else {
+                      let obj = {}
+                      Object.assign(obj, formName)
+                      console.log('摄像头===============>', obj, item)
+                      obj.system = []
+                      item.note1 = JSON.parse(item.note1)
+                      item.note1.map((sxt) => {
+                        obj.system.push({
+                          resourceId: sxt.idtCameraChannel + '',
+                          resourceName: sxt.channelName,
+                          cameraId: sxt.channelId, // 改接口后删除
+                          channelCode: sxt.channelCode,
+                          channelId: sxt.channelId,
+                          channelName: sxt.channelName,
+                          checkStatus: sxt.checkStatus + '',
+                          gpsX: sxt.gpsX,
+                          gpsY: sxt.gpsY,
+                          idtCameraChannel: sxt.idtCameraChannel + '',
+                          nodeName: sxt.nodeName,
+                          parentId: sxt.parentId,
+                          status: sxt.status + '',
+                        })
+                      })
+                      submitApply(obj).then((res) => {
+                        // applySuccess.value = false
+                        console.log('摄像头申请================>', res)
+                        if (item.id) {
+                          sgcDel({ ids: [item.id] }).then((res1) => {
+                            if (res1.data.msg === 'success') {
+                              if (falgNum == 0 && sxt) {
+                                message.success(
+                                  '申请提交成功，请到消息中心查看！'
+                                )
+                                sxt = false
+                              }
+                              mybus.emit('getSgcNum')
+                              router.push({
+                                path: '/DetailsPageconetent',
+                                query: {
+                                  select: '组件服务',
+                                },
+                              })
+                            }
+                          })
+                        } else {
+                          if (
+                            res.data.msg === 'success' &&
+                            falgNum == 0 &&
+                            sxt
+                          ) {
+                            message.success('申请提交成功，请到消息中心查看！')
+                            sxt = false
+                          }
+                          router.push({
+                            path: '/DetailsPageconetent',
+                            query: {
+                              select: '组件服务',
+                            },
+                          })
+                        }
+                      })
+                    }
+                  })
+                })
+                console.log(
+                  '提交数据==========================>',
+                  formName,
+                  ids
+                )
+                if (formName.system.length !== 0) {
+                  if (formName.applicationSystem.length == 0) {
+                    formName.applicationSystem = ''
                   }
+                  submitApply(formName).then((res) => {
+                    // applySuccess.value = false
+                    message.success('申请提交成功，请到消息中心查看！')
+                    console.log('能力申请================>', res)
+                    if (res.data.code == 0) {
+                      if (ids && ids.length > 0) {
+                        sgcDel({ ids: ids }).then((res) => {
+                          if (res.data.msg === 'success') {
+                            mybus.emit('getSgcNum')
+                            router.push({
+                              path: '/DetailsPageconetent',
+                              query: {
+                                select: '组件服务',
+                              },
+                            })
+                          }
+                        })
+                      } else {
+                        router.push({
+                          path: '/DetailsPageconetent',
+                          query: {
+                            select: '组件服务',
+                          },
+                        })
+                      }
+                    } else {
+                      message.error('申请失败！')
+                    }
+                  })
                 }
-              )
-            } else {
-              message.error('数据更新失败！')
-            }
-          })
-        } else {
-          formRef.value.validate().then(() => {
-            if (!formUrl) {
-              return message.error('请设置保存表单的URL')
-            }
-            if (!formName) {
-              return message.error('请设置表单名称')
-            }
+              }
+            })
+          } else {
             if (!applyAll) {
               console.log(list.value[0].arr[0])
               // 单兵设备为了演示 添加  不做处理
@@ -576,8 +693,8 @@
                 }
               })
             }
-          })
-        }
+          }
+        })
       }
       // 启动流程
       const startProcess = (processDefinitionKey, businessKey, formData) => {
@@ -841,4 +958,4 @@
     justify-content: center;
     // position: fixed;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/front/src/views/home/components/AbilityToRecommend.vue b/front/src/views/home/components/AbilityToRecommend.vue
index 86a18e94..f9fd3d78 100644
--- a/front/src/views/home/components/AbilityToRecommend.vue
+++ b/front/src/views/home/components/AbilityToRecommend.vue
@@ -447,13 +447,15 @@
     height: 0.24rem;
     width: 0.24rem;
     background: url('~@/assets/home/shenqing.png') no-repeat;
-    background-size: cover;
+    background-size: contain;
     background-position: center;
   }
   .fixedmount div:nth-child(2) p:nth-child(1) {
     height: 0.24rem;
     width: 0.24rem;
     background: url('~@/assets/home/shangjia.png') no-repeat;
+    background-size: contain;
+    background-position: center;
   }
   .ability-to-recommend-bottom {
     width: 100%;
diff --git a/front/src/views/home/components/searchResultList.vue b/front/src/views/home/components/searchResultList.vue
index 7e97ba24..b8c6d0e0 100644
--- a/front/src/views/home/components/searchResultList.vue
+++ b/front/src/views/home/components/searchResultList.vue
@@ -6,100 +6,187 @@
         检测结果:
         <span>{{ resourceTotal || '' }}</span>
         个{{
-            cardType == '组件服务' ? '组件' : cardType == '应用资源' ? '应用' : ''
+          cardType == '组件服务' ? '组件' : cardType == '应用资源' ? '应用' : ''
         }}
       </div>
       <div class="condition" :key="showKey">
-        <ul v-if="selectCardsname === '融合服务' || selectCardsname === '赋能场景'">
-          <li v-for="(item, i) in orderList" :key="item.value" @click="changeOrder(i, item.value, item.orderType)">
+        <ul
+          v-if="
+            selectCardsname === '融合服务' || selectCardsname === '赋能场景'
+          "
+        >
+          <li
+            v-for="(item, i) in orderList"
+            :key="item.value"
+            @click="changeOrder(i, item.value, item.orderType)"
+          >
             {{ item.name }}
-            <span class="arrow" :class="item.orderType == 'ASC' ? 'down' : ''"></span>
+            <span
+              class="arrow"
+              :class="item.orderType == 'ASC' ? 'down' : ''"
+            ></span>
           </li>
         </ul>
         <ul v-else>
-          <li v-for="item in selList" :key="item.value" @click="changeCondition(item.value)" v-show="
-            item.show &&
-            item.name !== '评分' &&
-            selectCardsname !== '数据资源'
-          ">
+          <li
+            v-for="item in selList"
+            :key="item.value"
+            @click="changeCondition(item.value)"
+            v-show="
+              item.show &&
+              item.name !== '评分' &&
+              selectCardsname !== '数据资源'
+            "
+          >
             {{ item.name }}
-            <span class="arrow" :class="item.value == selData ? 'down' : ''"></span>
+            <span
+              class="arrow"
+              :class="item.value == selData ? 'down' : ''"
+            ></span>
           </li>
         </ul>
       </div>
     </div>
-    <div class="result-list" v-for="(item, index) in resourceList.data" :key="item.index">
+    <div
+      class="result-list"
+      v-for="(item, index) in resourceList.data"
+      :key="item.index"
+    >
       <div class="item" :key="showKey">
-        <div class="left" style="display: flex; align-items: center" v-if="
-          item.type === '应用资源' &&
-          item.infoList &&
-          item.infoList.filter((val) => val.attrType == '应用图片')[0]
-        ">
-          <a-image :width="106" :preview="false" :src="
+        <div
+          class="left"
+          style="display: flex; align-items: center"
+          v-if="
+            item.type === '应用资源' &&
+            item.infoList &&
             item.infoList.filter((val) => val.attrType == '应用图片')[0]
-              .attrValue
-          " />
+          "
+        >
+          <a-image
+            :width="106"
+            :preview="false"
+            :src="
+              item.infoList.filter((val) => val.attrType == '应用图片')[0]
+                .attrValue
+            "
+          />
         </div>
-        <div class="left" style="display: flex;
-          align-items: center"
-          v-else-if="(selectCardsname === '融合服务' || selectCardsname === '赋能场景') && item.fuseAttrList && item.fuseAttrList.filter((val) => val.attrType == '服务图片')[0]">
-          <a-image :width="106" :preview="false"
-            :src="item.fuseAttrList.filter((val) => val.attrType == '服务图片')[0].attrValue" />
+        <div
+          class="left"
+          style="display: flex; align-items: center"
+          v-else-if="
+            (selectCardsname === '融合服务' ||
+              selectCardsname === '赋能场景') &&
+            item.fuseAttrList &&
+            item.fuseAttrList.filter((val) => val.attrType == '服务图片')[0]
+          "
+        >
+          <a-image
+            :width="106"
+            :preview="false"
+            :src="
+              item.fuseAttrList.filter((val) => val.attrType == '服务图片')[0]
+                .attrValue
+            "
+          />
         </div>
-        <div class="left" :class="
-          item.type == '应用资源'
-            ? 'yyzy'
-            : !item.type
+        <div
+          class="left"
+          :class="
+            item.type == '应用资源'
+              ? 'yyzy'
+              : !item.type
               ? 'sjzy'
               : !item.infoList ||
                 !item.infoList.filter((val) => val.attrType == '组件类型')[0]
-                ? 'znsf'
-                : item.infoList &&
-                  item.infoList.filter((val) => val.attrType == '组件类型')[0]
-                    .attrValue == '智能算法'
-                  ? 'znsf'
-                  : item.infoList &&
-                    item.infoList.filter((val) => val.attrType == '组件类型')[0]
-                      .attrValue == '图层服务'
-                    ? 'tcfw'
-                    : item.infoList &&
-                      item.infoList.filter((val) => val.attrType == '组件类型')[0]
-                        .attrValue == '开发组件'
-                      ? 'kfzj'
-                      : item.infoList &&
-                        item.infoList.filter((val) => val.attrType == '组件类型')[0]
-                          .attrValue == '业务组件'
-                        ? 'ywzj'
-                        : ''
-        " v-else-if="
-  selectCardsname !== '基础设施' && selectCardsname !== '融合服务' && selectCardsname !== '赋能场景'
-"></div>
+              ? 'znsf'
+              : item.infoList &&
+                item.infoList.filter((val) => val.attrType == '组件类型')[0]
+                  .attrValue == '智能算法'
+              ? 'znsf'
+              : item.infoList &&
+                item.infoList.filter((val) => val.attrType == '组件类型')[0]
+                  .attrValue == '图层服务'
+              ? 'tcfw'
+              : item.infoList &&
+                item.infoList.filter((val) => val.attrType == '组件类型')[0]
+                  .attrValue == '开发组件'
+              ? 'kfzj'
+              : item.infoList &&
+                item.infoList.filter((val) => val.attrType == '组件类型')[0]
+                  .attrValue == '业务组件'
+              ? 'ywzj'
+              : ''
+          "
+          v-else-if="
+            selectCardsname !== '基础设施' &&
+            selectCardsname !== '融合服务' &&
+            selectCardsname !== '赋能场景'
+          "
+        ></div>
         <div class="left jcss" v-else-if="selectCardsname === '基础设施'"></div>
-        <div class="left rhfw" v-else-if="selectCardsname === '融合服务' || selectCardsname === '赋能场景'"></div>
+        <div
+          class="left rhfw"
+          v-else-if="
+            selectCardsname === '融合服务' || selectCardsname === '赋能场景'
+          "
+        ></div>
         <div class="right">
           <div class="header">
             <span style="display: flex; align-items: center; width: 680px">
               {{ item.name }}
-              <svg t="1652322568870" class="icon" viewBox="0 0 3072 1024" version="1.1"
-                xmlns="http://www.w3.org/2000/svg" p-id="3062" width="40" height="40" v-if="item.applyState == '通过'"
-                style="margin-left: 10px">
+              <svg
+                t="1652322568870"
+                class="icon"
+                viewBox="0 0 3072 1024"
+                version="1.1"
+                xmlns="http://www.w3.org/2000/svg"
+                p-id="3062"
+                width="40"
+                height="40"
+                v-if="item.applyState == '通过'"
+                style="margin-left: 10px; min-width: 40px"
+              >
                 <path
                   d="M2958.222222 0a113.777778 113.777778 0 0 1 113.777778 113.777778v796.444444a113.777778 113.777778 0 0 1-113.777778 113.777778H500.053333a113.777778 113.777778 0 0 1-85.617777-38.798222L32.824889 549.432889a56.888889 56.888889 0 0 1 0-74.922667L414.435556 38.798222A113.777778 113.777778 0 0 1 499.996444 0H2958.222222z m0 56.888889H500.053333a56.888889 56.888889 0 0 0-42.837333 19.399111L75.605333 512l381.610667 435.712a56.888889 56.888889 0 0 0 42.780444 19.399111H2958.222222a56.888889 56.888889 0 0 0 56.888889-56.888889V113.777778a56.888889 56.888889 0 0 0-56.888889-56.888889z"
-                  fill="#d81e06" p-id="3063"></path>
+                  fill="#d81e06"
+                  p-id="3063"
+                ></path>
                 <path
                   d="M398.222222 398.222222a113.777778 113.777778 0 1 1 0 227.555556 113.777778 113.777778 0 0 1 0-227.555556z m0 56.888889a56.888889 56.888889 0 1 0 0 113.777778 56.888889 56.888889 0 0 0 0-113.777778z"
-                  fill="#d81e06" p-id="3064"></path>
+                  fill="#d81e06"
+                  p-id="3064"
+                ></path>
                 <path
                   d="M1309.582222 491.064889v-273.066667h-505.173333v47.786667h455.338667v178.176h-378.88V342.926222h-49.152v358.4c0 55.978667 27.306667 84.650667 82.602666 84.650667h370.005334c28.672-1.365333 51.2-8.874667 66.218666-23.210667 16.384-17.749333 27.989333-68.266667 34.816-152.917333l-47.786666-15.018667-1.706667 26.737778c-4.664889 58.766222-12.970667 93.582222-24.917333 104.334222-10.24 8.192-23.893333 12.288-40.277334 12.288h-342.698666c-31.402667 0-47.104-15.701333-47.104-45.738666v-201.386667h428.714666z m430.08-307.2v102.4h-219.136v386.389333h48.469334v-46.421333h170.666666v178.858667h50.517334v-178.858667h167.936v41.642667h48.469333V286.264889h-216.405333v-102.4h-50.517334z m-170.666666 395.946667v-102.4h170.666666v102.4h-170.666666z m221.184 0v-102.4h167.936v102.4h-167.936z m-221.184-146.773334V332.003556h170.666666v101.034666h-170.666666z m221.184 0V332.003556h167.936v101.034666h-167.936z m733.866666-251.221333v44.373333h-165.205333v40.277334h165.205333v45.738666h-137.898666v39.594667h137.898666V398.222222h-184.32v40.96h417.792V398.222222h-186.368v-46.421333h144.725334v-39.594667h-144.725334v-45.738666h169.301334v-40.277334h-169.301334v-44.373333h-47.104z m-85.333333 429.397333h220.501333v49.834667h-220.501333v-49.834667z m220.501333-38.229333h-220.501333v-50.517333h220.501333v50.517333z m-220.501333 126.293333h220.501333v38.912c0 15.701333-8.874667 23.893333-25.258666 23.893334l-54.613334-2.048 11.605334 43.690666h57.344c38.229333 0 58.026667-18.432 58.026666-55.296v-266.24H2391.608889V807.822222h47.104v-108.544z m-222.549333-509.952l-34.816 33.450667c49.152 36.864 88.064 71.68 116.736 104.448l33.450666-34.133333a795.079111 795.079111 0 0 0-115.370666-103.765334z m-82.602667 201.386667h144.725333v299.690667c20.48-19.114667 41.642667-40.277333 64.853334-64.170667l12.970666 51.882667a923.932444 923.932444 0 0 1-121.514666 105.813333l-19.114667-43.690667c10.24-9.557333 15.701333-19.797333 15.701333-31.402666V437.816889h-97.621333v-47.104z"
-                  fill="#d81e06" p-id="3065"></path>
+                  fill="#d81e06"
+                  p-id="3065"
+                ></path>
               </svg>
             </span>
             <div class="header-right">
-              <div v-if="selectCardsname === '融合服务' || selectCardsname === '赋能场景'" class="label-content">
-                <template v-if="item.fuseAttrList && item.fuseAttrList.filter((val) => val.attrType == '应用领域')[0]">
-                  <span class="label"
-                    v-for="(data, index) in item.fuseAttrList.filter((val) => val.attrType == '应用领域')[0].attrValue.split(';')"
-                    :key="index">
+              <div
+                v-if="
+                  selectCardsname === '融合服务' ||
+                  selectCardsname === '赋能场景'
+                "
+                class="label-content"
+              >
+                <template
+                  v-if="
+                    item.fuseAttrList &&
+                    item.fuseAttrList.filter(
+                      (val) => val.attrType == '应用领域'
+                    )[0]
+                  "
+                >
+                  <span
+                    class="label"
+                    v-for="(data, index) in item.fuseAttrList
+                      .filter((val) => val.attrType == '应用领域')[0]
+                      .attrValue.split(';')"
+                    :key="index"
+                  >
                     {{ data }}
                   </span>
                 </template>
@@ -131,13 +218,21 @@
             >
               <span>{{ item.shareType || '--' }}</span>
             </div> -->
-            <div v-if="
-              selectCardsname !== '融合服务' && selectCardsname !== '赋能场景' && selectCardsname !== '基础设施'
-            ">
+            <div
+              v-if="
+                selectCardsname !== '融合服务' &&
+                selectCardsname !== '赋能场景' &&
+                selectCardsname !== '基础设施'
+              "
+            >
               <span>{{ item.deptName || '--' }}</span>
             </div>
           </div>
-          <div v-if="selectCardsname !== '基础设施'" style="margin-top: 0.1rem" class="description">
+          <div
+            v-if="selectCardsname !== '基础设施'"
+            style="margin-top: 0.1rem"
+            class="description"
+          >
             <a-tooltip>
               <template #title>{{ item.description }}</template>
               {{ item.description || '--' }}
@@ -146,26 +241,32 @@
           <div class="btn">
             <div class="bottom" v-if="selectCardsname !== '基础设施'">
               <div>
-                <div v-if="
-                  selectCardsname !== '数据资源' &&
-                  selectCardsname !== '融合服务' &&
-                  selectCardsname !== '赋能场景'
-                ">
+                <div
+                  v-if="
+                    selectCardsname !== '数据资源' &&
+                    selectCardsname !== '融合服务' &&
+                    selectCardsname !== '赋能场景'
+                  "
+                >
                   浏览量：{{ item.visits || 0 }}次
                 </div>
-                <div v-if="
-                  selectCardsname !== '数据资源' &&
-                  selectCardsname !== '融合服务' &&
-                  selectCardsname !== '赋能场景' &&
-                  (selectCardsname !== '应用资源' || whoShow1.itShowQingDao)
-                ">
+                <div
+                  v-if="
+                    selectCardsname !== '数据资源' &&
+                    selectCardsname !== '融合服务' &&
+                    selectCardsname !== '赋能场景' &&
+                    (selectCardsname !== '应用资源' || whoShow1.itShowQingDao)
+                  "
+                >
                   申请量：{{ item.applyCount || 0 }}次
                 </div>
-                <div v-if="
-                  selectCardsname === '数据资源' &&
-                  selectCardsname !== '融合服务' &&
-                  selectCardsname !== '赋能场景'
-                ">
+                <div
+                  v-if="
+                    selectCardsname === '数据资源' &&
+                    selectCardsname !== '融合服务' &&
+                    selectCardsname !== '赋能场景'
+                  "
+                >
                   数据量：{{ item.sjlCount || 0 }}
                 </div>
                 <div v-if="selectCardsname !== '数据资源'">
@@ -184,28 +285,59 @@
             </div>
             <div class="right" v-if="selectCardsname !== '基础设施'">
               <div class="shopping" :key="shoppingKey">
-                <template v-if="
-                  selectCardsname == '组件服务' ||
-                  (selectCardsname == '应用资源' && whoShow1.itShowQingDao)
-                ">
-                  <span class="shopping-down" v-if="item.isInShoppingCart"></span>
-                  <span class="shopping-on" v-else @click="addShoppingCart(item, index)"></span>
+                <template
+                  v-if="
+                    selectCardsname == '组件服务' ||
+                    (selectCardsname == '应用资源' && whoShow1.itShowQingDao)
+                  "
+                >
+                  <span
+                    class="shopping-down"
+                    v-if="item.isInShoppingCart"
+                  ></span>
+                  <span
+                    class="shopping-on"
+                    v-else
+                    @click="addShoppingCart(item, index)"
+                  ></span>
                 </template>
               </div>
               <div class="sc">
-                <span class="sc-down" v-if="item.isCollect == 'false'" @click="addCollect(item)"></span>
-                <span class="sc-on" v-if="item.isCollect == 'true'" @click="addCollect(item)"></span>
+                <span
+                  class="sc-down"
+                  v-if="item.isCollect == 'false'"
+                  @click="addCollect(item)"
+                ></span>
+                <span
+                  class="sc-on"
+                  v-if="item.isCollect == 'true'"
+                  @click="addCollect(item)"
+                ></span>
               </div>
-              <div class="shopping pk" :key="pk" v-show="
-                cardType == '组件服务' && findComponentName(item, '智能算法')
-              ">
+              <div
+                class="shopping pk"
+                :key="pk"
+                v-show="
+                  cardType == '组件服务' && findComponentName(item, '智能算法')
+                "
+              >
                 <span class="pk-on" @click="goComparePk(item, index)"></span>
               </div>
-              <a-button type="primary" @click="toView('details', item)" v-if="!whoShow1.itShowBaoTou">
+              <a-button
+                type="primary"
+                @click="toView('details', item)"
+                v-if="!whoShow1.itShowBaoTou"
+              >
                 查看详情
               </a-button>
-              <a-button style="margin-left: 10px" v-show="selectCardsname === '融合服务' || selectCardsname === '赋能场景'"
-                @click="handleAKeyApplication(item)">
+              <a-button
+                style="margin-left: 10px"
+                v-show="
+                  selectCardsname === '融合服务' ||
+                  selectCardsname === '赋能场景'
+                "
+                @click="handleAKeyApplication(item)"
+              >
                 一键申请
               </a-button>
               <!-- <a-button
@@ -216,12 +348,16 @@
               >
                 免费试用
               </a-button> -->
-              <a-button type="primary" @click="toView('apply', item)" v-show="
-                cardType == '组件服务' ||
-                (cardType == '应用资源' && whoShow1.itShowQingDao)
-              ">
+              <a-button
+                type="primary"
+                @click="toView('apply', item)"
+                v-show="
+                  cardType == '组件服务' ||
+                  (cardType == '应用资源' && whoShow1.itShowQingDao)
+                "
+              >
                 {{
-                    item.shareCondition == '免批申请' ? '免批申请' : '立即申请'
+                  item.shareCondition == '免批申请' ? '免批申请' : '立即申请'
                 }}
               </a-button>
             </div>
@@ -234,7 +370,12 @@
         </div>
       </div>
     </div>
-    <a-modal v-model:visible="visible" title="视频预览" :width="750" destroyOnClose>
+    <a-modal
+      v-model:visible="visible"
+      title="视频预览"
+      :width="750"
+      destroyOnClose
+    >
       <template #footer></template>
       <div style="width: 100%; display: flex; justify-content: center">
         <div style="width: 100%; height: 100%">
@@ -245,919 +386,923 @@
   </div>
 </template>
 <script>
-import { ref, reactive } from 'vue'
-import { message } from 'ant-design-vue'
-import { useRouter } from 'vue-router'
-import { getUser, sgcInsert } from '@/api/home'
-import { scInsert, scDel } from '@/api/personalCenter'
-import mybus from '@/myplugins/mybus'
-import { getHls } from '@/api/home.js'
-export default {
-  name: '',
-  // props: ['resourceList', 'resourceTotal', 'selectCardsname'],
-  props: {
-    resourceList: {
-      type: Object,
-      default: () => { },
-    },
-    resourceTotal: {
-      type: String,
-      default: '0',
-    },
-    selectCardsname: {
-      type: String,
-      default: '组件服务',
-    },
-  },
-  computed: {
-    dataList() {
-      const newArr = []
-      for (let i = 0; i < this.resourceList.data.length; i++) {
-        let arr = [
-          {
-            name: '应用名称',
-            value: '',
-          },
-          {
-            name: '应用ID',
-            value: '',
-            dataResourceId: '',
-          },
-          {
-            name: '应用领域',
-            value: '',
-          },
-          {
-            name: '组件类型',
-            value: '',
-          },
-          {
-            name: '技术领域',
-            value: '',
-          },
-          {
-            name: '共享类型',
-            value: '',
-          },
-          {
-            name: '共享条件',
-            value: '',
-          },
-        ]
-        arr.map((item) => {
-          if (item.name === '应用名称') {
-            item.value = this.resourceList.data[i].name
-          }
-          if (item.name === '应用ID') {
-            item.value = this.resourceList.data[i].id
-            item.dataResourceId =
-              this.resourceList.data[i].infoList[0].dataResourceId
-          }
-          if (item.name === '应用领域') {
-            this.resourceList.data[i].infoList.map((aa) => {
-              aa.attrType === '应用领域' ? (item.value = aa.attrValue) : ''
-            })
-          }
-          if (item.name === '组件类型') {
-            this.resourceList.data[i].infoList.map((aa) => {
-              aa.attrType === '组件类型' ? (item.value = aa.attrValue) : ''
-            })
-          }
-          if (item.name === '技术领域') {
-            this.resourceList.data[i].infoList.map((aa) => {
-              aa.attrType === '技术领域' ? (item.value = aa.attrValue) : ''
-            })
-          }
-          if (item.name === '共享类型') {
-            this.resourceList.data[i].infoList.map((aa) => {
-              aa.attrType === '共享类型' ? (item.value = aa.attrValue) : ''
-            })
-          }
-          if (item.name === '共享条件') {
-            this.resourceList.data[i].infoList.map((aa) => {
-              aa.attrType === '共享条件' ? (item.value = aa.attrValue) : ''
-            })
-          }
-        })
-        newArr.push(arr)
-      }
-      console.log(
-        'dataList======================>',
-        newArr,
-        this.resourceList
-      )
-      return newArr
-    },
-    isShoppingCartOrNot() {
-      return ''
-    },
-  },
-  components: {},
-  setup(props) {
-    // eslint-disable-next-line no-undef
-    const whoShow1 = whoShow
-    const showKey = ref(0)
-    let shoppingKey = ref(1)
-    // 融合服务排序
-    const orderList = ref([
-      {
-        value: 'collectCount',
-        name: '收藏量',
-        orderType: 'DESC',
+  import { ref, reactive } from 'vue'
+  import { message } from 'ant-design-vue'
+  import { useRouter } from 'vue-router'
+  import { getUser, sgcInsert } from '@/api/home'
+  import { scInsert, scDel } from '@/api/personalCenter'
+  import mybus from '@/myplugins/mybus'
+  import { getHls } from '@/api/home.js'
+  export default {
+    name: '',
+    // props: ['resourceList', 'resourceTotal', 'selectCardsname'],
+    props: {
+      resourceList: {
+        type: Object,
+        default: () => {},
       },
-      {
-        value: 'create_date',
-        name: '发布时间',
-        orderType: 'DESC',
+      resourceTotal: {
+        type: String,
+        default: '0',
       },
-      {
-        value: 'update_date',
-        name: '更新时间',
-        orderType: 'DESC',
+      selectCardsname: {
+        type: String,
+        default: '组件服务',
       },
-    ])
-    // 购物车id列表
-    const selList = ref([
-      { name: '发布时间', value: 'tdr.create_date', show: true },
-      { name: '浏览量', value: 'visits', show: true },
-      { name: '申请量', value: 'applyCount', show: true },
-      { name: '收藏量', value: 'collectCount', show: true },
-      { name: '评分', value: 'score', show: true },
-    ])
-    if (props.selectCardsname === '基础设施') {
-      selList.value.map((val) => (val.show = false))
-    } else if (props.selectCardsname === '数据资源') {
-      selList.value.map(
-        (val) => (val.show = val.name === '发布时间' || val.name === '申请量')
-      )
-    }
-    const findComponentName = (list, name) => {
-      if (list.infoList) {
-        return list.infoList.find((item) => {
-          if (item.attrType === '组件类型') {
-            return item.attrValue === name
-          }
-        })
-      }
-    }
-    console.log('this.resourceList', props.resourceList.data)
-    props.resourceList.data.map((val) => {
-      if (val.infoList) {
-        let obj = val.infoList.filter(
-          (item) => item.attrType == '组件类型'
-        )[0]
-        if (obj) {
-          switch (obj.attrValue) {
-            case '智能算法':
-              val.applicationType = 'znsf'
-              break
-            case '图层服务':
-              val.applicationType = 'tcfw'
-              break
-            case '开发组件':
-              val.applicationType = 'kfzj'
-              break
-            case '业务组件':
-              val.applicationType = 'ywzj'
-              break
-          }
-          console.log('obj', val.applicationType)
-        }
-      }
-    })
-    showKey.value++
-    const selData = ref('total')
-    const flag = ref(true)
-    // userId
-    const userId = ref('')
-    getUser().then((res) => {
-      console.log('getUser============>', res)
-      userId.value = res.data.data.id
-    })
-    const resultList = [1, 2, 3, 4]
-    const router = useRouter()
-    const cardType = router.currentRoute.value.query.select
-    const onSearch = (searchValue) => {
-      console.log('use value', searchValue)
-      console.log('or use this.value', searchValue.value)
-    }
-    function toView(type, item) {
-      debugger
-      if (props.selectCardsname == '数据资源') {
-        if (whoShow1.itShowQingDao) {
-          window.open(
-            'http://15.72.158.81/web/ZWXXSQ/bm/MuluDetail.aspx?zyguid=' +
-            item.guid
-          )
-        } else {
-          window.open(
-            'http://10.134.135.24:30090/#/home?id=' + item.serviceId
-          )
-        }
-      } else if (props.selectCardsname === '融合服务') {
-        // 打包模式
-        router.push({
-          path: '/packagingDetails',
-          query: {
-            id: item.id,
-          },
-        })
-      } else if (props.selectCardsname === '赋能场景') {
-        router.push({
-          path: '/integrationServicesDetails',
-          query: {
-            id: item.id,
-          },
-        })
-      } else {
-        if (type === 'apply') {
-          console.log('一键申请===================>', item)
-          localStorage.setItem(
-            'applyList',
-            JSON.stringify([
-              {
-                arr: [
-                  {
-                    delFlag: item.delFlag,
-                    description: item.description,
-                    resourceId: item.id,
-                    resourceName: item.name,
-                    time: item.createDate,
-                    type: item.type,
-                    componentType:
-                      (item.infoList.filter(
-                        (val) => val.attrType == '组件类型'
-                      )[0] &&
-                        item.infoList.filter(
-                          (val) => val.attrType == '组件类型'
-                        )[0].attrValue) ||
-                      '',
-                  },
-                ],
-                deptId: item.deptId,
-                deptName: item.deptName,
-              },
-            ])
-          )
-          router.push({
-            path: '/apply',
+    },
+    computed: {
+      dataList() {
+        const newArr = []
+        for (let i = 0; i < this.resourceList.data.length; i++) {
+          let arr = [
+            {
+              name: '应用名称',
+              value: '',
+            },
+            {
+              name: '应用ID',
+              value: '',
+              dataResourceId: '',
+            },
+            {
+              name: '应用领域',
+              value: '',
+            },
+            {
+              name: '组件类型',
+              value: '',
+            },
+            {
+              name: '技术领域',
+              value: '',
+            },
+            {
+              name: '共享类型',
+              value: '',
+            },
+            {
+              name: '共享条件',
+              value: '',
+            },
+          ]
+          arr.map((item) => {
+            if (item.name === '应用名称') {
+              item.value = this.resourceList.data[i].name
+            }
+            if (item.name === '应用ID') {
+              item.value = this.resourceList.data[i].id
+              item.dataResourceId =
+                this.resourceList.data[i].infoList[0].dataResourceId
+            }
+            if (item.name === '应用领域') {
+              this.resourceList.data[i].infoList.map((aa) => {
+                aa.attrType === '应用领域' ? (item.value = aa.attrValue) : ''
+              })
+            }
+            if (item.name === '组件类型') {
+              this.resourceList.data[i].infoList.map((aa) => {
+                aa.attrType === '组件类型' ? (item.value = aa.attrValue) : ''
+              })
+            }
+            if (item.name === '技术领域') {
+              this.resourceList.data[i].infoList.map((aa) => {
+                aa.attrType === '技术领域' ? (item.value = aa.attrValue) : ''
+              })
+            }
+            if (item.name === '共享类型') {
+              this.resourceList.data[i].infoList.map((aa) => {
+                aa.attrType === '共享类型' ? (item.value = aa.attrValue) : ''
+              })
+            }
+            if (item.name === '共享条件') {
+              this.resourceList.data[i].infoList.map((aa) => {
+                aa.attrType === '共享条件' ? (item.value = aa.attrValue) : ''
+              })
+            }
           })
-        } else {
-          console.log(
-            '111111111111111111===========>',
-            router,
-            props.selectCardsname
-          )
+          newArr.push(arr)
+        }
+        console.log(
+          'dataList======================>',
+          newArr,
+          this.resourceList
+        )
+        return newArr
+      },
+      isShoppingCartOrNot() {
+        return ''
+      },
+    },
+    components: {},
+    setup(props) {
+      // eslint-disable-next-line no-undef
+      const whoShow1 = whoShow
+      const showKey = ref(0)
+      let shoppingKey = ref(1)
+      // 融合服务排序
+      const orderList = ref([
+        {
+          value: 'collectCount',
+          name: '收藏量',
+          orderType: 'DESC',
+        },
+        {
+          value: 'create_date',
+          name: '发布时间',
+          orderType: 'DESC',
+        },
+        {
+          value: 'update_date',
+          name: '更新时间',
+          orderType: 'DESC',
+        },
+      ])
+      // 购物车id列表
+      const selList = ref([
+        { name: '发布时间', value: 'tdr.create_date', show: true },
+        { name: '浏览量', value: 'visits', show: true },
+        { name: '申请量', value: 'applyCount', show: true },
+        { name: '收藏量', value: 'collectCount', show: true },
+        { name: '评分', value: 'score', show: true },
+      ])
+      if (props.selectCardsname === '基础设施') {
+        selList.value.map((val) => (val.show = false))
+      } else if (props.selectCardsname === '数据资源') {
+        selList.value.map(
+          (val) => (val.show = val.name === '发布时间' || val.name === '申请量')
+        )
+      }
+      const findComponentName = (list, name) => {
+        if (list.infoList) {
+          return list.infoList.find((item) => {
+            if (item.attrType === '组件类型') {
+              return item.attrValue === name
+            }
+          })
+        }
+      }
+      console.log('this.resourceList', props.resourceList.data)
+      props.resourceList.data.map((val) => {
+        if (val.infoList) {
+          let obj = val.infoList.filter(
+            (item) => item.attrType == '组件类型'
+          )[0]
+          if (obj) {
+            switch (obj.attrValue) {
+              case '智能算法':
+                val.applicationType = 'znsf'
+                break
+              case '图层服务':
+                val.applicationType = 'tcfw'
+                break
+              case '开发组件':
+                val.applicationType = 'kfzj'
+                break
+              case '业务组件':
+                val.applicationType = 'ywzj'
+                break
+            }
+            console.log('obj', val.applicationType)
+          }
+        }
+      })
+      showKey.value++
+      const selData = ref('total')
+      const flag = ref(true)
+      // userId
+      const userId = ref('')
+      getUser().then((res) => {
+        console.log('getUser============>', res)
+        userId.value = res.data.data.id
+      })
+      const resultList = [1, 2, 3, 4]
+      const router = useRouter()
+      const cardType = router.currentRoute.value.query.select
+      const onSearch = (searchValue) => {
+        console.log('use value', searchValue)
+        console.log('or use this.value', searchValue.value)
+      }
+      function toView(type, item) {
+        debugger
+        if (props.selectCardsname == '数据资源') {
+          if (whoShow1.itShowQingDao) {
+            window.open(
+              'http://15.72.158.81/web/ZWXXSQ/bm/MuluDetail.aspx?zyguid=' +
+                item.guid
+            )
+          } else {
+            window.open(
+              'http://10.134.135.24:30090/#/home?id=' + item.serviceId
+            )
+          }
+        } else if (props.selectCardsname === '融合服务') {
+          // 打包模式
           router.push({
-            path: '/details',
+            path: '/packagingDetails',
             query: {
               id: item.id,
             },
           })
-        }
-      }
-    }
-    // 加入申购车
-    const addShoppingCart = (item, index) => {
-      console.log('item===============>', item)
-      if (flag.value && item.id) {
-        flag.value = false
-        sgcInsert({
-          delFlag: '0',
-          resourceId: item.id,
-          // userId: userId.value,
-        }).then((res) => {
-          console.log(res)
-          message.success('添加申购车成功！')
-          mybus.emit('getSgcNum')
-          mybus.emit('changeSelcted', index)
-          flag.value = true
-        })
-      }
-      shoppingKey.value++
-      // 查询申购车中已有id,用于过滤图标
-    }
-    // 添加收藏
-    const addCollect = (item) => {
-      console.log('收藏===============>', item, flag.value)
-      if (flag.value && item.id) {
-        flag.value = false
-        if (item.isCollect == 'true') {
-          scDel([item.id]).then((res) => {
-            if (res.data.msg === 'success') {
-              message.success('取消成功')
-              item.isCollect = 'false'
-              item.collectCount--
-              flag.value = true
-              console.log('收藏2===============>', res.data, flag.value)
-            }
+        } else if (props.selectCardsname === '赋能场景') {
+          router.push({
+            path: '/integrationServicesDetails',
+            query: {
+              id: item.id,
+            },
           })
         } else {
-          scInsert([
-            {
-              resourceId: item.id,
-            },
-          ]).then((res) => {
-            if (res.data.msg === 'success') {
-              message.success('添加收藏成功！')
-              item.isCollect = 'true'
-              item.collectCount++
-              flag.value = true
-              console.log('收藏2===============>', res.data, flag.value)
-            }
+          if (type === 'apply') {
+            console.log('一键申请===================>', item)
+            localStorage.setItem(
+              'applyList',
+              JSON.stringify([
+                {
+                  arr: [
+                    {
+                      delFlag: item.delFlag,
+                      description: item.description,
+                      resourceId: item.id,
+                      resourceName: item.name,
+                      time: item.createDate,
+                      type: item.type,
+                      componentType:
+                        (item.infoList.filter(
+                          (val) => val.attrType == '组件类型'
+                        )[0] &&
+                          item.infoList.filter(
+                            (val) => val.attrType == '组件类型'
+                          )[0].attrValue) ||
+                        '',
+                    },
+                  ],
+                  deptId: item.deptId,
+                  deptName: item.deptName,
+                },
+              ])
+            )
+            router.push({
+              path: '/apply',
+            })
+          } else {
+            console.log(
+              '111111111111111111===========>',
+              router,
+              props.selectCardsname
+            )
+            router.push({
+              path: '/details',
+              query: {
+                id: item.id,
+              },
+            })
+          }
+        }
+      }
+      // 加入申购车
+      const addShoppingCart = (item, index) => {
+        console.log('item===============>', item)
+        if (flag.value && item.id) {
+          flag.value = false
+          sgcInsert({
+            delFlag: '0',
+            resourceId: item.id,
+            // userId: userId.value,
+          }).then((res) => {
+            console.log(res)
+            message.success('添加申购车成功！')
+            mybus.emit('getSgcNum')
+            mybus.emit('changeSelcted', index)
+            flag.value = true
           })
         }
+        shoppingKey.value++
+        // 查询申购车中已有id,用于过滤图标
       }
-    }
-    // 更换查询条件
-    const changeCondition = (val) => {
-      selData.value = selData.value == val ? 'total' : val
-      const orderType = selData.value == val ? 'ASC' : 'DESC'
-      mybus.emit('changeCondition', {
-        orderField: val,
-        orderType: orderType,
-      })
-      console.log('选择===========》', val, selData.value)
-    }
-
-    // 融合服务--排序
-    const changeOrder = (i, val, type) => {
-      let newType = type === 'DESC' ? 'ASC' : 'DESC'
-      orderList.value[i].orderType = newType
-      mybus.emit('changeCondition', {
-        orderField: val,
-        orderType: newType,
-      })
-    }
-
-    // 融合服务--一键申请
-    // 一键申请
-    const handleAKeyApplication = (item ) => {
-      let _applyList = [];
-      let fuseResourceList = item.fuseResourceList || []
-      let jcssArray = fuseResourceList.filter(v => v.type === '基础设施')
-      let otherArray = fuseResourceList.filter(v => v.type !== '基础设施')
-      jcssArray = jcssArray.map(v => {
-        v = Object.assign(v, v.resource)
-        return v
-      })
-      let jcss = [
-        {
-          arr: [
-            {
-              description: '',
-              note1: JSON.stringify(jcssArray),
-              resourceId: '1522550195055828996',
-              resourceName: '摄像头列表',
-              type: '基础设施',
-            },
-          ],
-          deptId: '',
-          deptName: '',
-        },
-      ]
-      if (infrastructure) {
-        jcss[0].deptId = infrastructure.deptId
-        jcss[0].deptName = infrastructure.deptName
-      }
-      otherArray.map((v) => {
-        let resource = v.resource || {}
-        console.log('resource------------>', resource);
-        let obj = {
-          arr: [
-            {
-              delFlag: resource.delFlag,
-              description: resource.description,
-              resourceId: resource.id,
-              resourceName: resource.name,
-              time: resource.createDate,
-              type: resource.type,
-            },
-          ],
-          deptId: resource.deptId,
-          deptName: resource.deptName,
+      // 添加收藏
+      const addCollect = (item) => {
+        console.log('收藏===============>', item, flag.value)
+        if (flag.value && item.id) {
+          flag.value = false
+          if (item.isCollect == 'true') {
+            scDel([item.id]).then((res) => {
+              if (res.data.msg === 'success') {
+                message.success('取消成功')
+                item.isCollect = 'false'
+                item.collectCount--
+                flag.value = true
+                console.log('收藏2===============>', res.data, flag.value)
+              }
+            })
+          } else {
+            scInsert([
+              {
+                resourceId: item.id,
+              },
+            ]).then((res) => {
+              if (res.data.msg === 'success') {
+                message.success('添加收藏成功！')
+                item.isCollect = 'true'
+                item.collectCount++
+                flag.value = true
+                console.log('收藏2===============>', res.data, flag.value)
+              }
+            })
+          }
         }
-        _applyList.push(obj)
-      })
-      _applyList = jcss.concat(_applyList)
-      localStorage.setItem('applyList', JSON.stringify(_applyList))
-      router.push({
-        path: '/apply',
-      })
-    }
-
-    // const handleAKeyApplication = (item) => {
-    //   let _applyList = []
-    //     ; (item.fuseResourceList || []).map((v) => {
-    //       let resource = v.resource || {}
-    //       let obj = {
-    //         arr: [
-    //           {
-    //             delFlag: resource.delFlag,
-    //             description: resource.description,
-    //             resourceId: resource.id,
-    //             resourceName: resource.name,
-    //             time: resource.createDate,
-    //             type: resource.type,
-    //           },
-    //         ],
-    //         deptId: resource.deptId,
-    //         deptName: resource.deptName,
-    //       }
-    //       _applyList.push(obj)
-    //     })
-
-    //   localStorage.setItem('applyList', JSON.stringify(_applyList))
-    //   router.push({
-    //     path: '/apply',
-    //   })
-    // }
-
-    mybus.on('chongzhi', (typeObj) => {
-      console.log('typeObj------------>', typeObj)
-      if (!typeObj) {
-        selData.value = 'total'
       }
-      if (typeObj && (typeObj.type === '融合服务' || typeObj.type === '赋能场景')) {
-        orderList.value = [
+      // 更换查询条件
+      const changeCondition = (val) => {
+        selData.value = selData.value == val ? 'total' : val
+        const orderType = selData.value == val ? 'ASC' : 'DESC'
+        mybus.emit('changeCondition', {
+          orderField: val,
+          orderType: orderType,
+        })
+        console.log('选择===========》', val, selData.value)
+      }
+
+      // 融合服务--排序
+      const changeOrder = (i, val, type) => {
+        let newType = type === 'DESC' ? 'ASC' : 'DESC'
+        orderList.value[i].orderType = newType
+        mybus.emit('changeCondition', {
+          orderField: val,
+          orderType: newType,
+        })
+      }
+
+      // 融合服务--一键申请
+      // 一键申请
+      const handleAKeyApplication = (item) => {
+        let _applyList = []
+        let fuseResourceList = item.fuseResourceList || []
+        let jcssArray = fuseResourceList.filter((v) => v.type === '基础设施')
+        let otherArray = fuseResourceList.filter((v) => v.type !== '基础设施')
+        jcssArray = jcssArray.map((v) => {
+          v = Object.assign(v, v.resource)
+          return v
+        })
+        let jcss = [
           {
-            value: 'collectCount',
-            name: '收藏量',
-            orderType: 'DESC',
-          },
-          {
-            value: 'create_date',
-            name: '发布时间',
-            orderType: 'DESC',
-          },
-          {
-            value: 'update_date',
-            name: '更新时间',
-            orderType: 'DESC',
+            arr: [
+              {
+                description: '',
+                note1: JSON.stringify(jcssArray),
+                resourceId: '1522550195055828996',
+                resourceName: '摄像头列表',
+                type: '基础设施',
+              },
+            ],
+            deptId: '',
+            deptName: '',
           },
         ]
+        if (infrastructure) {
+          jcss[0].deptId = infrastructure.deptId
+          jcss[0].deptName = infrastructure.deptName
+        }
+        otherArray.map((v) => {
+          let resource = v.resource || {}
+          console.log('resource------------>', resource)
+          let obj = {
+            arr: [
+              {
+                delFlag: resource.delFlag,
+                description: resource.description,
+                resourceId: resource.id,
+                resourceName: resource.name,
+                time: resource.createDate,
+                type: resource.type,
+              },
+            ],
+            deptId: resource.deptId,
+            deptName: resource.deptName,
+          }
+          _applyList.push(obj)
+        })
+        _applyList = jcss.concat(_applyList)
+        localStorage.setItem('applyList', JSON.stringify(_applyList))
+        router.push({
+          path: '/apply',
+        })
       }
-    })
-    let videoUrl = ref('')
-    const options = reactive({
-      width: '700px', //播放器宽度
-      height: '400px', //播放器高度
-      color: '#409eff', //主题色
-      title: '', //视频名称
-      src: '', //视频源
-      type: 'm3u8', // 视频源类型
-      muted: false, //静音
-      webFullScreen: false,
-      speedRate: ['0.75', '1.0', '1.25', '1.5', '2.0'], //播放倍速
-      autoPlay: true, //自动播放
-      loop: false, //循环播放
-      mirror: false, //镜像画面
-      ligthOff: false, //关灯模式
-      volume: 0.3, //默认音量大小
-      control: true, //是否显示控制
-      controlBtns: [
-        'audioTrack',
-        'quality',
-        'speedRate',
-        'volume',
-        'setting',
-        'pip',
-        'pageFullScreen',
-        'fullScreen',
-      ], //显示所有按钮,
-    })
-    let visible = ref(false)
-    // 打开视频预览
-    const openVideo = (item) => {
-      videoUrl.value = ''
-      const param = {
-        key: item.link,
+
+      // const handleAKeyApplication = (item) => {
+      //   let _applyList = []
+      //     ; (item.fuseResourceList || []).map((v) => {
+      //       let resource = v.resource || {}
+      //       let obj = {
+      //         arr: [
+      //           {
+      //             delFlag: resource.delFlag,
+      //             description: resource.description,
+      //             resourceId: resource.id,
+      //             resourceName: resource.name,
+      //             time: resource.createDate,
+      //             type: resource.type,
+      //           },
+      //         ],
+      //         deptId: resource.deptId,
+      //         deptName: resource.deptName,
+      //       }
+      //       _applyList.push(obj)
+      //     })
+
+      //   localStorage.setItem('applyList', JSON.stringify(_applyList))
+      //   router.push({
+      //     path: '/apply',
+      //   })
+      // }
+
+      mybus.on('chongzhi', (typeObj) => {
+        console.log('typeObj------------>', typeObj)
+        if (!typeObj) {
+          selData.value = 'total'
+        }
+        if (
+          typeObj &&
+          (typeObj.type === '融合服务' || typeObj.type === '赋能场景')
+        ) {
+          orderList.value = [
+            {
+              value: 'collectCount',
+              name: '收藏量',
+              orderType: 'DESC',
+            },
+            {
+              value: 'create_date',
+              name: '发布时间',
+              orderType: 'DESC',
+            },
+            {
+              value: 'update_date',
+              name: '更新时间',
+              orderType: 'DESC',
+            },
+          ]
+        }
+      })
+      let videoUrl = ref('')
+      const options = reactive({
+        width: '700px', //播放器宽度
+        height: '400px', //播放器高度
+        color: '#409eff', //主题色
+        title: '', //视频名称
+        src: '', //视频源
+        type: 'm3u8', // 视频源类型
+        muted: false, //静音
+        webFullScreen: false,
+        speedRate: ['0.75', '1.0', '1.25', '1.5', '2.0'], //播放倍速
+        autoPlay: true, //自动播放
+        loop: false, //循环播放
+        mirror: false, //镜像画面
+        ligthOff: false, //关灯模式
+        volume: 0.3, //默认音量大小
+        control: true, //是否显示控制
+        controlBtns: [
+          'audioTrack',
+          'quality',
+          'speedRate',
+          'volume',
+          'setting',
+          'pip',
+          'pageFullScreen',
+          'fullScreen',
+        ], //显示所有按钮,
+      })
+      let visible = ref(false)
+      // 打开视频预览
+      const openVideo = (item) => {
+        videoUrl.value = ''
+        const param = {
+          key: item.link,
+        }
+        getHls(param).then((res) => {
+          console.log('获取视频地址===============>', res)
+          // videoUrl.value = res.data.data
+          options.src = res.data.data
+          visible.value = true
+        })
       }
-      getHls(param).then((res) => {
-        console.log('获取视频地址===============>', res)
-        // videoUrl.value = res.data.data
-        options.src = res.data.data
-        visible.value = true
-      })
-    }
-    // 算法对比跳转
-    const goComparePk = (item) => {
-      router.push({
-        path: '/algorithmCompare',
-        query: {
-          id: item.id,
-        },
-      })
-    }
-    return {
-      onSearch,
-      resultList,
-      toView,
-      addShoppingCart,
-      changeCondition,
-      selData,
-      selList,
-      addCollect,
-      cardType,
-      findComponentName,
-      shoppingKey,
-      openVideo,
-      videoUrl,
-      options,
-      visible,
-      goComparePk,
-      whoShow1,
-      showKey,
-      orderList,
-      handleAKeyApplication,
-      changeOrder,
-    }
-  },
-  beforeUnmount() {
-    mybus.off('chongzhi')
-    // mybus.emit('changeSelcted')
-  },
-}
+      // 算法对比跳转
+      const goComparePk = (item) => {
+        router.push({
+          path: '/algorithmCompare',
+          query: {
+            id: item.id,
+          },
+        })
+      }
+      return {
+        onSearch,
+        resultList,
+        toView,
+        addShoppingCart,
+        changeCondition,
+        selData,
+        selList,
+        addCollect,
+        cardType,
+        findComponentName,
+        shoppingKey,
+        openVideo,
+        videoUrl,
+        options,
+        visible,
+        goComparePk,
+        whoShow1,
+        showKey,
+        orderList,
+        handleAKeyApplication,
+        changeOrder,
+      }
+    },
+    beforeUnmount() {
+      mybus.off('chongzhi')
+      // mybus.emit('changeSelcted')
+    },
+  }
 </script>
 <style scoped lang="less">
-#search-result-list-container {
-  width: 1088px;
-  padding: 0 20px;
-  background: #f3f5f9;
+  #search-result-list-container {
+    width: 1088px;
+    padding: 0 20px;
+    background: #f3f5f9;
 
-  .detail-content {
-    // 超出
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    width: 130px;
-    display: inline-block;
-  }
-
-  .shai-xuan {
-    width: 1047px;
-    height: 36px;
-    // margin: 11px 0 20px;
-    // background: #e5f2ff;
-    // padding-left: 20px;
-    display: flex;
-    align-items: center;
-    position: relative;
-
-    .circle {
-      width: 16px;
-      height: 16px;
-      border-radius: 50%;
-      background-color: #0087ff;
-      text-align: center;
-      color: #fff;
-      line-height: 16px;
-      margin-right: 21px;
+    .detail-content {
+      // 超出
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: 130px;
+      display: inline-block;
     }
 
-    .result {
-      font-size: 14px;
-      font-weight: 500;
-      color: #212121;
+    .shai-xuan {
+      width: 1047px;
+      height: 36px;
+      // margin: 11px 0 20px;
+      // background: #e5f2ff;
+      // padding-left: 20px;
+      display: flex;
+      align-items: center;
+      position: relative;
 
-      span {
-        font-size: 18px;
-        color: #0087ff;
-      }
-    }
-
-    .condition {
-      position: absolute;
-      right: 20px;
-      top: 10px;
-
-      ul li {
-        list-style-type: none;
+      .circle {
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+        background-color: #0087ff;
+        text-align: center;
+        color: #fff;
+        line-height: 16px;
+        margin-right: 21px;
       }
 
-      ul {
-        display: flex;
+      .result {
+        font-size: 14px;
+        font-weight: 500;
+        color: #212121;
 
-        li {
-          width: 90px;
-          height: 12px;
-          text-align: center;
-          cursor: pointer;
+        span {
+          font-size: 18px;
+          color: #0087ff;
+        }
+      }
+
+      .condition {
+        position: absolute;
+        right: 20px;
+        top: 10px;
+
+        ul li {
+          list-style-type: none;
+        }
+
+        ul {
           display: flex;
-          justify-content: center;
-          align-items: center;
 
-          .arrow {
-            display: inline-block;
-            width: 12px;
+          li {
+            width: 90px;
             height: 12px;
-            background: url('~@/assets/newHome/arrow.png');
-            margin-left: 10px;
-          }
+            text-align: center;
+            cursor: pointer;
+            display: flex;
+            justify-content: center;
+            align-items: center;
 
-          .down {
-            background: url('~@/assets/newHome/down.png');
-            margin-top: 6px;
+            .arrow {
+              display: inline-block;
+              width: 12px;
+              height: 12px;
+              background: url('~@/assets/newHome/arrow.png');
+              margin-left: 10px;
+            }
+
+            .down {
+              background: url('~@/assets/newHome/down.png');
+              margin-top: 6px;
+            }
           }
         }
       }
     }
-  }
 
-  .result-list {
-    width: 1048px;
-    display: flex;
-    flex-direction: column;
-    flex-wrap: wrap;
-    border-bottom: 1px rgba(150, 144, 144, 0.3) solid;
-    border-top: 1px rgba(150, 144, 144, 0.3) solid;
-    padding: 10px 0;
-
-    .item {
-      width: 100%;
-      margin-top: 10px;
+    .result-list {
+      width: 1048px;
       display: flex;
-      align-items: center;
+      flex-direction: column;
+      flex-wrap: wrap;
+      border-bottom: 1px rgba(150, 144, 144, 0.3) solid;
+      border-top: 1px rgba(150, 144, 144, 0.3) solid;
+      padding: 10px 0;
 
-      .left {
-        display: inline-block;
-        width: 120px;
-        height: 110px;
-        margin-right: 16px;
-      }
-
-      .right {
+      .item {
         width: 100%;
-      }
-
-      .yyzy {
-        background: url('~@/assets/home/yyzy_square.png') no-repeat;
-        background-size: 100%;
-      }
-
-      .sjzy {
-        background: url('~@/assets/home/sjzy_square.png') no-repeat;
-        background-size: 100%;
-      }
-
-      .znsf {
-        background: url('~@/assets/home/znsf_square.png') no-repeat;
-        background-size: 100%;
-      }
-
-      .tcfw {
-        background: url('~@/assets/home/tcfw_square.png') no-repeat;
-        background-size: 100%;
-      }
-
-      .kfzj {
-        background: url('~@/assets/home/kfzj_square.png') no-repeat;
-        background-size: 100%;
-      }
-
-      .ywzj {
-        background: url('~@/assets/home/ywzj_square.png') no-repeat;
-        background-size: 100%;
-      }
-
-      .rhfw {
-        background: url('~@/assets/home/rhfw_square.png') no-repeat;
-        background-size: 100%;
-      }
-
-      .jcss {
-        background: url('~@/assets/home/sxt_square.png') no-repeat;
-        background-size: 100%;
-      }
-
-      .header {
+        margin-top: 10px;
         display: flex;
-        justify-content: space-between;
         align-items: center;
-        margin: 0 10px 0 0;
 
-        .header-right {
+        .left {
+          display: inline-block;
+          width: 120px;
+          height: 110px;
+          margin-right: 16px;
+        }
+
+        .right {
+          width: 100%;
+        }
+
+        .yyzy {
+          background: url('~@/assets/home/yyzy_square.png') no-repeat;
+          background-size: 100%;
+        }
+
+        .sjzy {
+          background: url('~@/assets/home/sjzy_square.png') no-repeat;
+          background-size: 100%;
+        }
+
+        .znsf {
+          background: url('~@/assets/home/znsf_square.png') no-repeat;
+          background-size: 100%;
+        }
+
+        .tcfw {
+          background: url('~@/assets/home/tcfw_square.png') no-repeat;
+          background-size: 100%;
+        }
+
+        .kfzj {
+          background: url('~@/assets/home/kfzj_square.png') no-repeat;
+          background-size: 100%;
+        }
+
+        .ywzj {
+          background: url('~@/assets/home/ywzj_square.png') no-repeat;
+          background-size: 100%;
+        }
+
+        .rhfw {
+          background: url('~@/assets/home/rhfw_square.png') no-repeat;
+          background-size: 100%;
+        }
+
+        .jcss {
+          background: url('~@/assets/home/sxt_square.png') no-repeat;
+          background-size: 100%;
+        }
+
+        .header {
           display: flex;
-          font-size: 14px;
-          color: #212121;
+          justify-content: space-between;
+          align-items: center;
+          margin: 0 10px 0 0;
 
-          span {
+          .header-right {
+            display: flex;
             font-size: 14px;
             color: #212121;
+
+            span {
+              font-size: 14px;
+              color: #212121;
+            }
+
+            div {
+              margin-right: 24px;
+            }
+
+            .label-content {
+              flex: 1;
+              display: flex;
+              justify-content: flex-end;
+
+              .label {
+                padding: 0.01rem 0.1rem;
+                margin-right: 0.1rem;
+                border-radius: 0.13rem;
+                background: #0087ff;
+                color: #fff;
+              }
+            }
           }
 
+          .header-right:last-child {
+            div {
+              margin-right: 16px;
+            }
+          }
+
+          span {
+            font-size: 20px;
+            font-weight: 600;
+            // color: #0087ff;
+          }
+        }
+
+        .dec {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          // white-space: nowrap;
+          color: #0058e1;
+          display: flex;
+          margin-top: 10px;
+
           div {
-            margin-right: 24px;
+            margin-right: 10px;
+            background: rgba(0, 88, 225, 0.1);
+            padding-left: 10px;
+            padding-right: 10px;
           }
 
-          .label-content {
+          div:nth-child(2) {
+            max-width: 200px;
+            display: -webkit-box;
+            /*设置为弹性盒子*/
+            -webkit-line-clamp: 1;
+            /*最多显示3行*/
+            overflow: hidden;
+            /*超出隐藏*/
+            text-overflow: ellipsis;
+            /*超出显示为省略号*/
+            -webkit-box-orient: vertical;
+            word-break: break-all;
+          }
+        }
+
+        .btn {
+          display: flex;
+          justify-content: space-between;
+          font-size: 14px;
+          margin: 5px 0;
+
+          // .left {
+          //   width: 600px;
+          //   display: flex;
+          //   justify-content: space-between;
+          //   flex-wrap: wrap;
+          //   & > div {
+          //     width: 300px;
+          //     & > span {
+          //       color: #0087ff;
+          //       font-weight: 600;
+          //     }
+          //   }
+          // }
+          .right {
             flex: 1;
             display: flex;
             justify-content: flex-end;
+            margin: 0 10px;
+            align-items: center;
 
-            .label {
-              padding: 0.01rem 0.1rem;
-              margin-right: 0.1rem;
-              border-radius: 0.13rem;
-              background: #0087ff;
+            .shopping {
+              span {
+                display: inline-block;
+                height: 32px;
+                width: 32px;
+                margin-right: 10px;
+                margin-top: 5px;
+              }
+
+              .shopping-on {
+                background: url('~@/assets/newHome/shopping-on.png');
+                cursor: pointer;
+              }
+
+              .shopping-down {
+                background: url('~@/assets/newHome/shopping-down.png');
+              }
             }
-          }
-        }
 
-        .header-right:last-child {
-          div {
-            margin-right: 16px;
-          }
-        }
-
-        span {
-          font-size: 20px;
-          font-weight: 600;
-          // color: #0087ff;
-        }
-      }
-
-      .dec {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        // white-space: nowrap;
-        color: #0058e1;
-        display: flex;
-        margin-top: 10px;
-
-        div {
-          margin-right: 10px;
-          background: rgba(0, 88, 225, 0.1);
-          padding-left: 10px;
-          padding-right: 10px;
-        }
-
-        div:nth-child(2) {
-          max-width: 200px;
-          display: -webkit-box;
-          /*设置为弹性盒子*/
-          -webkit-line-clamp: 1;
-          /*最多显示3行*/
-          overflow: hidden;
-          /*超出隐藏*/
-          text-overflow: ellipsis;
-          /*超出显示为省略号*/
-          -webkit-box-orient: vertical;
-          word-break: break-all;
-        }
-      }
-
-      .btn {
-        display: flex;
-        justify-content: space-between;
-        font-size: 14px;
-        margin: 5px 0;
-
-        // .left {
-        //   width: 600px;
-        //   display: flex;
-        //   justify-content: space-between;
-        //   flex-wrap: wrap;
-        //   & > div {
-        //     width: 300px;
-        //     & > span {
-        //       color: #0087ff;
-        //       font-weight: 600;
-        //     }
-        //   }
-        // }
-        .right {
-          flex: 1;
-          display: flex;
-          justify-content: flex-end;
-          margin: 0 10px;
-          align-items: center;
-
-          .shopping {
-            span {
+            .pk-on {
               display: inline-block;
               height: 32px;
               width: 32px;
+              margin-left: 10px;
               margin-right: 10px;
               margin-top: 5px;
-            }
-
-            .shopping-on {
-              background: url('~@/assets/newHome/shopping-on.png');
+              background: url('~@/assets/newHome/pk-on.png');
               cursor: pointer;
             }
 
-            .shopping-down {
-              background: url('~@/assets/newHome/shopping-down.png');
-            }
-          }
-
-          .pk-on {
-            display: inline-block;
-            height: 32px;
-            width: 32px;
-            margin-left: 10px;
-            margin-right: 10px;
-            margin-top: 5px;
-            background: url('~@/assets/newHome/pk-on.png');
-            cursor: pointer;
-          }
-
-          .sc {
-            // margin-top: 4px;
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-
-            .sc-down {
-              display: inline-block;
-              height: 32px;
-              width: 32px;
-              background: url('~@/assets/newHome/sc-down.png');
-            }
-
-            .sc-on {
-              display: inline-block;
-              height: 32px;
-              width: 32px;
-              background: url('~@/assets/newHome/sc-on.png');
-            }
-          }
-
-          .ant-btn {
-            background: transparent;
-            background: #0058e1;
-            color: white;
-            width: 80px;
-            height: 32px;
-            font-weight: 600;
-            border-radius: 2px;
-            text-align: center;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-left: 10px;
-          }
-
-          .ant-btn:last-child {
-            background: #0058e1;
-            color: white;
-          }
-        }
-      }
-
-      .bottom {
-        display: flex;
-        justify-content: space-between;
-        margin-top: 10px;
-        align-items: center;
-
-        &>div {
-          display: flex;
-          align-items: center;
-
-          &>div {
-            margin: 0 10px;
-          }
-        }
-
-        .pingfen {
-          :deep(span) {
-            display: flex;
-            align-items: center;
-
-            :deep(ul) {
+            .sc {
+              // margin-top: 4px;
+              cursor: pointer;
               display: flex;
               align-items: center;
 
-              :deep(.ant-rate-star:not(:last-child)) {
-                margin-right: 4px;
+              .sc-down {
+                display: inline-block;
+                height: 32px;
+                width: 32px;
+                background: url('~@/assets/newHome/sc-down.png');
+              }
+
+              .sc-on {
+                display: inline-block;
+                height: 32px;
+                width: 32px;
+                background: url('~@/assets/newHome/sc-on.png');
+              }
+            }
+
+            .ant-btn {
+              background: transparent;
+              background: #0058e1;
+              color: white;
+              width: 80px;
+              height: 32px;
+              font-weight: 600;
+              border-radius: 2px;
+              text-align: center;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              margin-left: 10px;
+            }
+
+            .ant-btn:last-child {
+              background: #0058e1;
+              color: white;
+            }
+          }
+        }
+
+        .bottom {
+          display: flex;
+          justify-content: space-between;
+          margin-top: 10px;
+          align-items: center;
+
+          & > div {
+            display: flex;
+            align-items: center;
+
+            & > div {
+              margin: 0 10px;
+            }
+          }
+
+          .pingfen {
+            :deep(span) {
+              display: flex;
+              align-items: center;
+
+              :deep(ul) {
+                display: flex;
+                align-items: center;
+
+                :deep(.ant-rate-star:not(:last-child)) {
+                  margin-right: 4px;
+                }
               }
             }
           }
         }
       }
-    }
 
-    .item:nth-of-type(1) {
-      margin-top: 0;
+      .item:nth-of-type(1) {
+        margin-top: 0;
+      }
     }
   }
-}
 
-.description {
-  max-width: 990px;
-  height: 52px;
-  font-size: 14px;
-  line-height: 18px;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  /*最多显示3行*/
-  overflow: hidden;
-  /*超出隐藏*/
-  text-overflow: ellipsis;
-  /*超出显示为省略号*/
-  -webkit-box-orient: vertical;
-  word-break: break-all;
-}
+  .description {
+    max-width: 990px;
+    height: 52px;
+    font-size: 14px;
+    line-height: 18px;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    /*最多显示3行*/
+    overflow: hidden;
+    /*超出隐藏*/
+    text-overflow: ellipsis;
+    /*超出显示为省略号*/
+    -webkit-box-orient: vertical;
+    word-break: break-all;
+  }
 </style>
diff --git a/front/src/views/home/detailsPageconetentTree.vue b/front/src/views/home/detailsPageconetentTree.vue
index 91228e04..a1c391c0 100644
--- a/front/src/views/home/detailsPageconetentTree.vue
+++ b/front/src/views/home/detailsPageconetentTree.vue
@@ -48,6 +48,9 @@
               </div>
               <span v-if="item.title !== '区级'">{{ val.total }}</span>
               <span v-else>
+                <span style="display: inline-block; margin-right: 4px">
+                  {{ val.total }}
+                </span>
                 <down-outlined v-show="!val.show" />
                 <up-outlined v-show="val.show" />
               </span>
diff --git a/front/src/views/home/infrastructurePage.vue b/front/src/views/home/infrastructurePage.vue
index 88adb112..88449dbe 100644
--- a/front/src/views/home/infrastructurePage.vue
+++ b/front/src/views/home/infrastructurePage.vue
@@ -67,6 +67,10 @@
           </a-button>
         </div>
         <i class="boundary"></i>
+        <!-- 批量预览 -->
+        <a-button type="primary" @click="batchPreview" class="buttonAdd">
+          批量预览
+        </a-button>
         <!-- 添加至申购车 -->
         <a-button type="primary" @click="addShoppingCart" class="buttonAdd">
           添加至申购车
@@ -143,6 +147,7 @@
         </template>
       </a-table>
     </div>
+    <!-- 单个预览弹窗 -->
     <a-modal
       v-model:visible="visible"
       title="视频预览"
@@ -156,6 +161,26 @@
         </div>
       </div>
     </a-modal>
+    <!-- 批量预览弹窗 -->
+    <a-modal
+      wrapClassName="batch-preview-modal"
+      v-model:visible="batchVisible"
+      title="视频批量预览"
+      :width="1250"
+      destroyOnClose
+      @cancel="videoClean"
+    >
+      <template #footer></template>
+      <div class="batch-video">
+        <div
+          v-for="item in videoList"
+          :key="item.id"
+          style="width: 100%; height: 100%"
+        >
+          <vue3VideoPlay v-bind="item.options" />
+        </div>
+      </div>
+    </a-modal>
     <a-modal
       wrapClassName="wrj"
       v-model:visible="wrjVisible"
@@ -233,7 +258,7 @@
   const router = useRouter()
   const whoShow1 = ref(whoShow)
   const options = reactive({
-    width: '700px', //播放器宽度
+    width: '900px', //播放器宽度
     height: '400px', //播放器高度
     color: '#409eff', //主题色
     title: '', //视频名称
@@ -259,14 +284,16 @@
       'fullScreen',
     ], //显示所有按钮,
   })
+  const videoList = ref([])
   let visible = ref(false)
+  let batchVisible = ref(false)
   const jcssType = ref(router.currentRoute.value.query.type)
   const pagination = ref({
     total: 0,
     current: 1,
     pageSize: 10, //每页中显示10条数据
     showSizeChanger: true,
-    pageSizeOptions: ['5', '10', '15', '20'], //每页中显示的数据
+    pageSizeOptions: ['10', '30', '50', '100', '1000'], //每页中显示的数据
   })
   const mapSearchParam = ref({
     // 地图搜索初始化数据
@@ -552,6 +579,56 @@
       }
     }
   }
+  const batchPreview = async function () {
+    if (selectedList.value.length > 0) {
+      const list = selectedList.value.splice(0, 4)
+      const length = list.length
+      videoList.value = []
+      for (let index = 0; index < length; index++) {
+        const param = {
+          key: list[index].channelId,
+        }
+        let ob = {
+          options: {
+            width: '600px', //播放器宽度
+            height: '350px', //播放器高度
+            color: '#409eff', //主题色
+            title: '', //视频名称
+            src: '', //视频源
+            type: 'm3u8', // 视频源类型
+            muted: false, //静音
+            webFullScreen: false,
+            speedRate: ['0.75', '1.0', '1.25', '1.5', '2.0'], //播放倍速
+            autoPlay: false, //自动播放
+            loop: false, //循环播放
+            mirror: false, //镜像画面
+            ligthOff: false, //关灯模式
+            volume: 0.3, //默认音量大小
+            control: true, //是否显示控制
+            controlBtns: [
+              'audioTrack',
+              'quality',
+              'speedRate',
+              'volume',
+              'setting',
+              'pip',
+              'pageFullScreen',
+              'fullScreen',
+            ], //显示所有按钮,
+          },
+        }
+        await getStreamByChannelCode(param).then((res) => {
+          ob.options.src = res.data.data
+          console.log('监测ob的变化', ob)
+          videoList.value.push(ob)
+        })
+      }
+      console.log('验证数据的准确性', videoList)
+      batchVisible.value = true
+    } else {
+      message.error('请选择需要预览的数据')
+    }
+  }
   // 清空
   const nullClick = () => {
     clickList.value[1].content = []
@@ -562,8 +639,19 @@
   // 重置
   const clean = () => {
     mapSearchParam.value.cameraName = ''
+    selectedList.value = []
+    selectedRowKeys.value = []
+    videoList.value = []
+    pagination.value.current = 1
+    mapSearchParam.value.pageNum = 1
+    pagination.value.pageSize = 10
     getCamera()
   }
+  const videoClean = () => {
+    selectedList.value = []
+    selectedRowKeys.value = []
+    videoList.value = []
+  }
   // 一键申请
   const dept = reactive({})
   // eslint-disable-next-line no-undef
@@ -709,8 +797,8 @@
   const onSelectChange = (record, selected, selectedRows, nativeEvent) => {
     console.log('hahhahah', record, selected, selectedRows, nativeEvent)
     if (selected) {
-      if (selectedRowKeys.value.length == 10) {
-        message.warning('最多只能添加10个摄像头！')
+      if (selectedRowKeys.value.length == 1000) {
+        message.warning('最多只能添加1000个摄像头！')
       } else {
         selectedList.value.push(record)
         selectedRowKeys.value.push(record.channelCode || record.channelId)
@@ -734,8 +822,8 @@
         selectedList.value.push(val)
         selectedRowKeys.value.push(val.channelCode || val.channelId)
       })
-      if (selectedRowKeys.value.length > 10) {
-        message.warning('最多只能添加10个摄像头！')
+      if (selectedRowKeys.value.length > 1000) {
+        message.warning('最多只能添加1000个摄像头！')
         changeRows.map((val) => {
           selectedList.value = selectedList.value.filter(
             (item) => item.idtCameraChannel !== val.idtCameraChannel
@@ -912,4 +1000,15 @@
       overflow-y: scroll !important;
     }
   }
+  .batch-preview-modal {
+    .batch-video {
+      width: 100%;
+      display: grid;
+      grid-template-columns: 50% 50%;
+      grid-template-rows: 50% 50%;
+      justify-content: center;
+      grid-row-gap: 14px;
+      grid-column-gap: 20px;
+    }
+  }
 </style>
diff --git a/front/src/views/home/mapTest/index.vue b/front/src/views/home/mapTest/index.vue
index 73300ce4..46ca48f9 100644
--- a/front/src/views/home/mapTest/index.vue
+++ b/front/src/views/home/mapTest/index.vue
@@ -93,7 +93,7 @@
     //   name: '市南区',
     //   code: 'shinan',
     //   className: 'classsn',
-    //   value: 0,
+    //   value: 1,
     // },
     {
       name: '市北区',
@@ -117,13 +117,13 @@
       name: '李沧区',
       code: 'licang',
       className: 'classlc',
-      value: 0,
+      value: 0.2,
     },
     {
       name: '城阳区',
       code: 'chengyang',
       className: 'classcy',
-      value: 0,
+      value: 0.2,
     },
     {
       name: '即墨区',
@@ -175,6 +175,8 @@
         ]
       } else if (val.name === '市北区') {
         geoCoordMap[val.name] = [val.coord[0], val.coord[1]]
+      } else if (val.name === '城阳区') {
+        geoCoordMap[val.name] = [val.coord[0] - 0.057495, val.coord[1]]
       } else if (val.name === '市南区') {
         geoCoordMap[val.name] = [120.364482, 36.065671]
       }
@@ -322,7 +324,12 @@
       let res = []
       for (let i = 0; i < data.length; i++) {
         let dataItem = data[i]
-        if (dataItem.name === '西海岸' || dataItem.name === '崂山区') {
+        if (
+          dataItem.name === '西海岸' ||
+          dataItem.name === '崂山区' ||
+          dataItem.name === '李沧区' ||
+          dataItem.name === '城阳区'
+        ) {
           let fromCoord = geoCoordMap[dataItem.name]
           let toCoord = [120.364482, 36.065671]
           if (fromCoord && toCoord) {
@@ -344,7 +351,12 @@
       let res = []
       for (let i = 0; i < data.length; i++) {
         let dataItem = data[i]
-        if (dataItem.name === '西海岸' || dataItem.name === '崂山区') {
+        if (
+          dataItem.name === '西海岸' ||
+          dataItem.name === '崂山区' ||
+          dataItem.name === '李沧区' ||
+          dataItem.name === '城阳区'
+        ) {
           let fromCoord = [120.364482, 36.065671]
           let toCoord = geoCoordMap[dataItem.name]
           if (fromCoord && toCoord) {
@@ -366,7 +378,12 @@
       let res = []
       for (let i = 0; i < data.length; i++) {
         let dataItem = data[i]
-        if (dataItem.name !== '西海岸' && dataItem.name !== '崂山区') {
+        if (
+          dataItem.name !== '西海岸' &&
+          dataItem.name !== '崂山区' &&
+          dataItem.name !== '李沧区' &&
+          dataItem.name !== '城阳区'
+        ) {
           let fromCoord = [120.364482, 36.065671]
           let toCoord = geoCoordMap[dataItem.name]
           if (fromCoord && toCoord) {
@@ -558,7 +575,7 @@
           symbolOffset: [0, -20],
           data: [
             {
-              name: '西海岸',
+              name: '',
               value: geoCoordMap['西海岸'].concat([10]),
             },
           ],
@@ -595,10 +612,84 @@
           symbolOffset: [0, -20],
           data: [
             {
-              name: '崂山区',
+              name: '',
               value: geoCoordMap['崂山区'].concat([10]),
             },
           ],
+        },
+        {
+          type: 'scatter',
+          coordinateSystem: 'geo',
+          zlevel: 2,
+          rippleEffect: {
+            period: 4,
+            brushType: 'stroke',
+            scale: 4,
+          },
+          label: {
+            normal: {
+              show: true,
+              position: 'bottom',
+              //offset:[5, 0],
+              color: '#fbd500',
+              formatter: '{b}',
+              textStyle: {
+                color: '#fbd500',
+                fontSize: 18,
+                fontWeight: 600,
+              },
+            },
+            emphasis: {
+              show: true,
+              color: '#f60',
+            },
+          },
+          symbol: 'image://' + require('@/assets/home/yb.png'),
+          symbolSize: 40,
+          symbolOffset: [0, -20],
+          data: [
+            {
+              name: '',
+              value: geoCoordMap['城阳区'].concat([10]),
+            },
+          ],
+        },
+        {
+          type: 'scatter',
+          coordinateSystem: 'geo',
+          zlevel: 2,
+          rippleEffect: {
+            period: 4,
+            brushType: 'stroke',
+            scale: 4,
+          },
+          label: {
+            normal: {
+              show: true,
+              position: 'bottom',
+              //offset:[5, 0],
+              color: '#fbd500',
+              formatter: '{b}',
+              textStyle: {
+                color: '#fbd500',
+                fontSize: 18,
+                fontWeight: 600,
+              },
+            },
+            emphasis: {
+              show: true,
+              color: '#f60',
+            },
+          },
+          symbol: 'image://' + require('@/assets/home/yb.png'),
+          symbolSize: 40,
+          symbolOffset: [0, -20],
+          data: [
+            {
+              name: '',
+              value: geoCoordMap['李沧区'].concat([10]),
+            },
+          ],
         }
       )
     })
@@ -612,11 +703,93 @@
   }
   onMounted(() => {
     initMap()
-    myChart.on('mouseover', function () {
+    myChart.on('mouseover', function (params) {
+      console.log(params.value)
       myChart.dispatchAction({
         type: 'downplay',
       })
+      let flag = true
+      if (
+        params.value[0] == '119.825774' &&
+        params.value[1] == '35.739174000000006'
+      ) {
+        if (option.series[8].data[0].name == '西海岸') {
+          flag = false
+        }
+        option.series[8].data[0].name = '西海岸'
+        option.series[9].data[0].name = ''
+        option.series[10].data[0].name = ''
+        option.series[11].data[0].name = ''
+        if (flag) {
+          myChart.clear()
+          myChart.setOption(option, true)
+        }
+      } else if (
+        params.value[0] == '120.579994' &&
+        params.value[1] == '36.189191'
+      ) {
+        if (option.series[9].data[0].name == '崂山区') {
+          flag = false
+        }
+        option.series[8].data[0].name = ''
+        option.series[9].data[0].name = '崂山区'
+        option.series[10].data[0].name = ''
+        option.series[11].data[0].name = ''
+        if (flag) {
+          myChart.clear()
+          myChart.setOption(option, true)
+        }
+      } else if (
+        params.value[0] == '120.421977' &&
+        params.value[1] == '36.18555'
+      ) {
+        if (option.series[11].data[0].name == '李沧区') {
+          flag = false
+        }
+        option.series[8].data[0].name = ''
+        option.series[9].data[0].name = ''
+        option.series[10].data[0].name = ''
+        option.series[11].data[0].name = '李沧区'
+        if (flag) {
+          myChart.clear()
+          myChart.setOption(option, true)
+        }
+      } else if (
+        params.value[0] == '120.272216' &&
+        params.value[1] == '36.27479'
+      ) {
+        if (option.series[10].data[0].name == '城阳区') {
+          flag = false
+        }
+        option.series[8].data[0].name = ''
+        option.series[9].data[0].name = ''
+        option.series[10].data[0].name = '城阳区'
+        option.series[11].data[0].name = ''
+        if (flag) {
+          myChart.clear()
+          myChart.setOption(option, true)
+        }
+      }
     })
+    // myChart.on('mouseout', function (params) {
+    //   console.log(params)
+    //   switch (params.name) {
+    //     case '西海岸':
+    //       option.series[8].data[0].name = ''
+    //       break
+    //     case '崂山区':
+    //       option.series[9].data[0].name = ''
+    //       break
+    //     case '城阳区':
+    //       option.series[10].data[0].name = ''
+    //       break
+    //     case '李沧区':
+    //       option.series[11].data[0].name = ''
+    //       break
+    //   }
+    //   myChart.clear()
+    //   myChart.setOption(option, true)
+    // })
     myChart.on('click', function (params) {
       console.log(params)
       params.event.event.stopPropagation()
diff --git a/front/src/views/instructionManual/components/abilityDocTree.vue b/front/src/views/instructionManual/components/abilityDocTree.vue
index a88e101a..3523542d 100644
--- a/front/src/views/instructionManual/components/abilityDocTree.vue
+++ b/front/src/views/instructionManual/components/abilityDocTree.vue
@@ -1,159 +1,147 @@
 <template>
   <div class="list-box">
-    <div
-      class="list-item"
-      v-for="(item, i) in newDataList"
-      :key="i"
-      @click.stop="showChildren(item)"
-    >
+    <div class="list-item" v-for="(item, i) in newDataList" :key="i" @click.stop="showChildren(item)">
       <a-tooltip placement="top" :title="item.title" arrow-point-at-center>
-        <div
-          :class="[
-            newClickData.title === item.title ? 'select' : '',
-            level === 1 ? 'parent' : '',
-            judgeLeaf(item) ? 'leaf' : '',
-          ]"
-          class="list-text"
-        >
+        <div :class="[
+          newClickData.title === item.title ? 'select' : '',
+          level === 1 ? 'parent' : '',
+          judgeLeaf(item) ? 'leaf' : '',
+        ]" class="list-text">
           {{ item.title }}
           <DownOutlined v-show="!item.show && !judgeLeaf(item)" />
           <UpOutlined v-show="item.show && !judgeLeaf(item)" />
         </div>
       </a-tooltip>
       <div style="margin-left: 10px" v-if="!judgeLeaf(item) && item.show">
-        <abilityDocTree
-          :dataList="item.children"
-          @tree-click="handleTreeItem"
-          :clickData="newClickData"
-          :level="newLevel + 1"
-        ></abilityDocTree>
+        <abilityDocTree :dataList="item.children" @tree-click="handleTreeItem" :clickData="newClickData"
+          :level="newLevel + 1"></abilityDocTree>
       </div>
     </div>
   </div>
 </template>
 <script setup>
-  import {
-    defineComponent,
-    onMounted,
-    ref,
-    watch,
-    defineProps,
-    nextTick,
-  } from 'vue'
-  import { getDevelopDocTree } from '@/api/home'
-  import { message } from 'ant-design-vue'
-  import { UpOutlined, DownOutlined } from '@ant-design/icons-vue'
+import {
+  defineComponent,
+  onMounted,
+  ref,
+  watch,
+  defineProps,
+  nextTick,
+} from 'vue'
+import { getDevelopDocTree } from '@/api/home'
+import { message } from 'ant-design-vue'
+import { UpOutlined, DownOutlined } from '@ant-design/icons-vue'
 
-  const props = defineProps({
-    dataList: {
-      type: Array,
-      default: () => [],
+const props = defineProps({
+  dataList: {
+    type: Array,
+    default: () => [],
+  },
+  level: {
+    type: Number,
+    default: 1,
+  },
+  clickData: {
+    type: Object,
+    default: () => {
+      ''
     },
-    level: {
-      type: Number,
-      default: 1,
-    },
-    clickData: {
-      type: Object,
-      default: () => {
-        ''
-      },
-    },
-  })
+  },
+})
 
-  // 数组
-  const newDataList = ref(props.dataList)
-  // 级别
-  const newLevel = ref(props.level)
+// 数组
+const newDataList = ref(props.dataList)
+// 级别
+const newLevel = ref(props.level)
 
-  const newClickData = ref(props.clickData)
+const newClickData = ref(props.clickData)
 
-  // 判断是不是叶子节点
-  const judgeLeaf = (item) => {
-    if (item.children && item.children.length > 0) {
-      return false
+// 判断是不是叶子节点
+const judgeLeaf = (item) => {
+  if (item.children && item.children.length > 0) {
+    return false
+  } else {
+    return true
+  }
+}
+
+const showChildren = (item) => {
+  if (!(item.children && item.children.length > 0)) {
+    if (newClickData.value.title !== '') {
+      handleTreeItem(item)
     } else {
-      return true
+      handleTreeItem({ title: '' })
     }
   }
+  if (item.children && item.children.length > 0) {
+    item.show = !item.show
+  }
+}
 
-  const showChildren = (item) => {
-    if (!(item.children && item.children.length > 0)) {
-      if (newClickData.value.title !== '') {
-        handleTreeItem(item)
-      } else {
-        handleTreeItem({ title: '' })
-      }
-    }
-    if (item.children && item.children.length > 0) {
-      item.show = !item.show
+watch(
+  () => props.dataList,
+  (val) => {
+    if (val) {
+      newDataList.value = val
     }
   }
+)
 
-  watch(
-    () => props.dataList,
-    (val) => {
-      if (val) {
-        newDataList.value = val
-      }
+watch(
+  () => props.clickData,
+  (val) => {
+    if (val) {
+      newClickData.value = val
     }
-  )
-
-  watch(
-    () => props.clickData,
-    (val) => {
-      if (val) {
-        newClickData.value = val
-      }
-    }
-  )
-
-  const emit = defineEmits(['treeClick'])
-  const handleTreeItem = (item) => {
-    emit('tree-click', item)
   }
+)
+
+const emit = defineEmits(['treeClick'])
+const handleTreeItem = (item) => {
+  emit('tree-click', item)
+}
 </script>
 <style lang="less" scoped>
-  .list-text {
-    font-size: 16px;
-    color: #333;
-    padding: 10px 0;
-    cursor: pointer;
-    padding-left: 10px;
-    border-bottom: 1px solid #ccc;
-    overflow: hidden;
-    /*文本不会换行*/
-    white-space: nowrap;
-    /*当文本溢出包含元素时，以省略号表示超出的文本*/
-    text-overflow: ellipsis;
+.list-text {
+  font-size: 16px;
+  color: #333;
+  padding: 10px 0;
+  cursor: pointer;
+  padding-left: 10px;
+  border-bottom: 1px solid #ccc;
+  overflow: hidden;
+  /*文本不会换行*/
+  white-space: nowrap;
+  /*当文本溢出包含元素时，以省略号表示超出的文本*/
+  text-overflow: ellipsis;
 
-    &:hover {
-      color: #0058e1;
-      cursor: pointer;
-    }
-  }
-
-  .parent {
-    margin-bottom: 10px;
-    background: rgba(0, 135, 225, 0.1);
-    color: #333;
-
-    &:hover {
-      color: #fff;
-      background: #0058e1;
-      cursor: pointer;
-    }
-  }
-
-  .leaf {
-    font-size: 14px;
-    color: #555;
-    cursor: pointer;
-  }
-
-  .select {
+  &:hover {
     color: #0058e1;
-    font-weight: 600;
     cursor: pointer;
   }
+}
+
+.parent {
+  margin-bottom: 10px;
+  background: rgba(0, 135, 225, 0.1);
+  color: #333;
+
+  &:hover {
+    color: #fff;
+    background: #0058e1;
+    cursor: pointer;
+  }
+}
+
+.leaf {
+  font-size: 14px;
+  color: #555;
+  cursor: pointer;
+}
+
+.select {
+  color: #0058e1;
+  font-weight: 600;
+  cursor: pointer;
+}
 </style>
diff --git a/front/src/views/instructionManual/components/menuBook.vue b/front/src/views/instructionManual/components/menuBook.vue
index 34183224..e03dfdd5 100644
--- a/front/src/views/instructionManual/components/menuBook.vue
+++ b/front/src/views/instructionManual/components/menuBook.vue
@@ -48,7 +48,7 @@
       </div>
       <!-- 联系我们 -->
       <div class="img-bg callus-box">
-        <div class="title" style="margin-bottom: 20px">
+        <!-- <div class="title" style="margin-bottom: 20px">
           <div class="text text-white">联系我们</div>
           <div class="line line-white"></div>
         </div>
@@ -61,7 +61,7 @@
             手机号：
             <span>0530-0000000</span>
           </p>
-        </div>
+        </div> -->
       </div>
       <!-- 能力上架弹窗 -->
       <a-modal
@@ -95,11 +95,6 @@
         >
           <div class="title">组件类型选择</div>
           <div class="component-type-content">
-            <!-- <a-checkbox-group
-                v-model:value="value1"
-                name="checkboxgroup"
-                :options="componentType"
-              /> -->
             <a-radio-group v-model:value="componentTypeValue">
               <a-radio
                 @click="componentTypeValueFunction(item)"
@@ -123,9 +118,7 @@
   import TheOverallProcess from './TheOverallProcess.vue'
   import { useRouter } from 'vue-router'
   import { message } from 'ant-design-vue'
-
   const router = useRouter()
-
   const seviceList = ref([
     {
       name: '组件服务',
@@ -151,7 +144,6 @@
     {
       name: '基础设施',
       img: require('@/assets/menu/service-infrastructure.png'),
-
       list: ['视频资源', '云资源', '感知资源'],
       imgBG: require('../../../assets/menu/imgBG.png'),
       width: '124px',
@@ -159,13 +151,11 @@
     {
       name: '数据资源',
       img: require('@/assets/menu/service-data.png'),
-
       list: ['政务信息资源'],
       imgBG: require('../../../assets/menu/imgBG-long.png'),
       width: '200px',
     },
   ])
-
   const imgList = ref([
     {
       name: '能力上架',
@@ -256,18 +246,12 @@
     componentTypeValue.value = ''
     console.log(e)
   }
-
   // 跳转
   const toWhere = (data) => {
     console.log(data, 'wwwwwww')
     if (data === '能力上架') {
       visible.value = true
     } else if (data === '能力申请') {
-      const newpage = router.resolve({
-        path: '/addApplication', // 跳转的页面路由
-      })
-      window.open(newpage.href, '_blank')
-    } else if (data === '需求发布') {
       const newpage = router.resolve({
         path: '/DetailsPageconetent',
         query: {
@@ -275,6 +259,11 @@
         },
       })
       window.location.href = newpage.href
+    } else if (data === '需求发布') {
+      const newpage = router.resolve({
+        path: '/addApplication', // 跳转的页面路由
+      })
+      window.open(newpage.href, '_blank')
     } else if (data === '资源下架') {
       window.sessionStorage.setItem('type', JSON.stringify('PurchaseVehicle'))
       const newpage = router.resolve({
@@ -301,18 +290,22 @@
       height: 0.16rem;
       width: 0.16rem;
     }
+
     .ant-radio-inner::after {
       background-color: unset;
       background: url('~@/assets/personalCenter/xuanzhong.png') no-repeat;
       background-size: cover;
       background-position: center;
     }
+
     .ant-modal-content {
       border-radius: 0.1rem;
+
       .ability-to-type,
       .component-type {
         display: flex;
         margin-top: 0.2rem;
+
         .title {
           white-space: nowrap;
           margin-right: 0.2rem;
@@ -320,11 +313,13 @@
           align-items: center;
           height: 0.26rem;
         }
+
         .component-type-content {
           width: 100%;
           height: unset;
           border: unset;
           background: unset;
+
           .ant-radio-group {
             display: grid;
             grid-template-columns: 1fr 1fr 1fr;
@@ -340,6 +335,7 @@
           height: unset;
           border: unset;
           background: unset;
+
           div {
             margin-right: 0.15rem;
             cursor: pointer;
@@ -373,6 +369,7 @@
       border: 0;
       text-align: center;
       padding-bottom: 0.2rem;
+
       button {
         margin-right: 0.2rem;
         border-radius: 0.08rem;
@@ -454,23 +451,28 @@
       margin: 0 auto;
     }
   }
+
   .callus-box {
     width: 1920px;
     height: 214px;
     background-size: 100% 100%;
     background-image: url('../../../assets/menu/callus.png');
+
     .list-box {
       width: 1560px;
       // height: 350px;
       margin: 0 auto;
+
       p {
         font-size: 24px;
         color: #ffffff;
         font-weight: bold;
+
         span {
           font-size: 30px;
         }
       }
+
       p:nth-child(1) {
         margin-right: 100px;
       }
@@ -550,9 +552,11 @@
         margin: 0 0 20px;
         background-size: 100% 100%;
       }
+
       .item-v:nth-child(2n) {
         margin-left: 16px;
       }
+
       // .item-v:last-child {
       //   width: 200px;
       // }
diff --git a/front/src/views/instructionManual/index.vue b/front/src/views/instructionManual/index.vue
index 0995a93f..285b118a 100644
--- a/front/src/views/instructionManual/index.vue
+++ b/front/src/views/instructionManual/index.vue
@@ -1,268 +1,288 @@
 <template>
   <home-header></home-header>
   <div class="menu-container">
-    <div class="menu-box">
-      <div id="container" class="content-menu">
-        <div class="left">
-          <div
-            class="first-title-text"
-            v-for="(data, i) in titleList"
-            :key="i"
-            @click="changeName(data)"
-            :style="{ color: data.name === titleData.name ? '#0058e1' : '' }"
-          >
-            <div class="img" :class="data.className"></div>
-            {{ data.name }}
-          </div>
-          <abilityDocTree
-            :dataList="treeArray"
-            @treeClick="treeClick"
-            :clickData="clickData"
-          ></abilityDocTree>
+    <div id="container" class="content-menu">
+      <div class="left">
+        <div class="first-title-text doc" :style="{ color: '技术文档' === titleData.name ? '#0058e1' : '' }"
+          @click="changeName({ name: '技术文档' })">
+          技术文档
+        </div>
+        <abilityDocTree style="max-height:320px;overflow-y:auto" :dataList="treeArray" @treeClick="treeClick"
+          :clickData="clickData"></abilityDocTree>
+      </div>
+
+      <div class="first-title-text new-guide-box" :style="{ color: '使用手册' === titleData.name ? '#0058e1' : '' }"
+        @click="changeName({ name: '使用手册' })">
+        <div class="guide-text">使用手册</div>
+      </div>
+
+      <!-- 技术文档 -->
+      <div class="right" v-if="titleData.name !== '使用手册'">
+        <div style="height: 100%">
+          <iframe name="iframeName" width="1300" height="100%" id="iframeId" :frameborder="0"
+            :src="doc_base_url + clickData.doc"></iframe>
         </div>
-        <!-- 技术文档 -->
-        <div class="right" v-if="titleData.name !== '新手指引'">
-          <div style="height: 100%">
-            <iframe
-              name="iframeName"
-              width="1300"
-              height="100%"
-              id="iframeId"
-              :frameborder="0"
-              :src="doc_base_url + clickData.doc"
-            ></iframe>
-          </div>
-        </div>
-        <!-- 使用手册 -->
-        <div class="manual"><p>使用手册</p></div>
       </div>
-      <menuBook v-if="titleData.name === '新手指引'"></menuBook>
     </div>
+    <menuBook v-if="titleData.name === '使用手册'"></menuBook>
   </div>
 
-  <home-footer></home-footer>
+  <home-footer v-if="footShow"></home-footer>
 </template>
 <script setup>
-  import HomeHeader from '@/views/home/components/header'
-  import abilityDocTree from './components/abilityDocTree'
-  import menuBook from './components/menuBook'
-  import { ref, onMounted } from 'vue'
-  import { message } from 'ant-design-vue'
-  import { getDevelopDocTree } from '@/api/home'
-  import HomeFooter from '@/views/newHome/components/Footer'
-  // import flatten from '@turf/flatten'
+import HomeHeader from '@/views/home/components/header'
+import abilityDocTree from './components/abilityDocTree'
+import menuBook from './components/menuBook'
+import { ref, onMounted } from 'vue'
+import { message } from 'ant-design-vue'
+import { getDevelopDocTree } from '@/api/home'
+import HomeFooter from '@/views/newHome/components/Footer'
+// import flatten from '@turf/flatten'
 
-  const titleList = ref([
-    {
-      name: '新手指引',
-      className: 'newGuide',
-    },
-    {
-      name: '技术文档',
-      className: 'doc',
-    },
-  ])
-  const titleData = ref(titleList.value[0])
-  const clickData = ref({})
-  const treeArray = ref([])
-  const treeArrayCopy = ref([])
-  let typeList = ['组件服务', '应用资源', '基础设施', '数据资源', '知识库']
-  let doc_base_url = ref(window.SITE_CONFIG['frontUrl'])
+const titleList = ref([
+  {
+    name: '使用手册',
+    className: 'newGuide',
+  },
+  {
+    name: '技术文档',
+    className: 'doc',
+  },
+])
+const titleData = ref(titleList.value[0])
+const clickData = ref({})
+const treeArray = ref([])
+const treeArrayCopy = ref([])
+let typeList = ['组件服务', '应用资源', '基础设施', '数据资源', '知识库']
+let doc_base_url = ref(window.SITE_CONFIG['frontUrl'])
 
-  const treeClick = (item) => {
-    clickData.value = item
-    console.log('clickData------------>', item)
-    titleData.value = titleList.value[1]
-  }
+const treeClick = (item) => {
+  footShow.value = false
+  clickData.value = item
+  console.log('clickData------------>', item)
+  titleData.value = titleList.value[1]
+}
 
-  const getTreeData = () => {
-    getDevelopDocTree({})
-      .then((res) => {
-        console.log('res------文档树------>', res)
-        if (res.data.code !== 0) {
-          return message.error(res.data.msg)
-        }
-        treeArray.value = res.data.data || []
-        treeArrayCopy.value = JSON.parse(JSON.stringify(treeArray.value))
-      })
-      .catch((err) => {
-        message.error(err)
-      })
-  }
-
-  const changeName = (item) => {
-    titleData.value = item
-    if (item.name == '新手指引') {
-      clickData.value = {}
-    }
-    if (item.name == '技术文档') {
-      if (!clickData.value.title) {
-        clickData.value = {}
-        treeArray.value = []
-        treeArrayCopy.value.map((val, i) => {
-          let obj = Object.assign({}, val, {
-            title: val.title,
-            show:
-              (i === 0 && val.children && val.children.length > 0) ||
-              typeList.includes(val.title)
-                ? true
-                : false,
-            children: [],
-          })
-          formData(val.children, obj)
-          treeArray.value.push(obj)
-        })
-        getFirstData(treeArrayCopy.value[0] || {})
+const getTreeData = () => {
+  getDevelopDocTree({})
+    .then((res) => {
+      console.log('res------文档树------>', res)
+      if (res.data.code !== 0) {
+        return message.error(res.data.msg)
       }
-    }
-  }
-
-  const formData = (children = [], dataItem) => {
-    children.map((item, index) => {
-      let _obj = Object.assign({}, item, {
-        title: item.title,
-        show:
-          (index === 0 && item.children && item.children.length > 0) ||
-          typeList.includes(item.title)
-            ? true
-            : false,
-        children: [],
-      })
-      if (item.children && item.children.length > 0) {
-        formData(item.children, _obj)
-      }
-      dataItem.children.push(_obj)
+      treeArray.value = res.data.data || []
+      treeArrayCopy.value = JSON.parse(JSON.stringify(treeArray.value))
     })
-  }
+    .catch((err) => {
+      message.error(err)
+    })
+}
+const footShow = ref(true)
 
-  const getFirstData = (firstObj = {}) => {
-    if (firstObj && firstObj.children && firstObj.children.length > 0) {
-      getFirstData(firstObj.children[0])
-    } else {
-      clickData.value = firstObj
+const changeName = (item) => {
+  titleData.value = item
+  if (item.name == '使用手册') {
+    footShow.value = true
+    clickData.value = {}
+  }
+  if (item.name == '技术文档') {
+    footShow.value = false
+    if (!clickData.value.title) {
+      clickData.value = {}
+      treeArray.value = []
+      treeArrayCopy.value.map((val, i) => {
+        let obj = Object.assign({}, val, {
+          title: val.title,
+          show:
+            (i === 0 && val.children && val.children.length > 0) ||
+              typeList.includes(val.title)
+              ? true
+              : false,
+          children: [],
+        })
+        formData(val.children, obj)
+        treeArray.value.push(obj)
+      })
+      getFirstData(treeArrayCopy.value[0] || {})
     }
   }
+}
 
-  onMounted(() => {
-    getTreeData()
+const formData = (children = [], dataItem) => {
+  children.map((item, index) => {
+    let _obj = Object.assign({}, item, {
+      title: item.title,
+      show:
+        (index === 0 && item.children && item.children.length > 0) ||
+          typeList.includes(item.title)
+          ? true
+          : false,
+      children: [],
+    })
+    if (item.children && item.children.length > 0) {
+      formData(item.children, _obj)
+    }
+    dataItem.children.push(_obj)
   })
+}
+
+const getFirstData = (firstObj = {}) => {
+  if (firstObj && firstObj.children && firstObj.children.length > 0) {
+    getFirstData(firstObj.children[0])
+  } else {
+    clickData.value = firstObj
+  }
+}
+
+onMounted(() => {
+  getTreeData()
+})
 </script>
 
 <style scoped lang="less">
-  .menu-box {
-    // overflow: hidden;
-    height: 100%;
-  }
+.menu-box {
+  height: 100%;
+}
 
-  .first-title-text {
-    cursor: pointer;
-    font-size: 18px;
-    color: #333;
-    padding-bottom: 10px;
-    display: flex;
-    align-items: center;
+.first-title-text {
+  cursor: pointer;
+  font-size: 18px;
+  color: #333;
+  padding-bottom: 10px;
+  display: flex;
+  align-items: center;
 
-    &:hover {
-      color: #0058e1;
-    }
+  &:hover {
+    color: #0058e1;
   }
+}
 
-  .menu-container {
-    width: 100%;
-    padding-top: 0.74rem;
-  }
+.doc {
+  font-weight: bold;
+}
 
-  .content-menu {
-    width: 1800px;
-    display: flex;
-    justify-content: flex-start;
-    margin: 0 auto;
-    box-sizing: border-box;
-    // position: fixed;
-    // left: 50%;
-    // bottom: 0;
-    // transform: translateX(-50%);
-    // top: 0.6rem;
-    // top: 0;
-  }
+.menu-container {
+  width: 100%;
+  padding-top: 0.74rem;
+  min-height: 1000px;
+  position: relative;
+}
 
-  .left {
-    z-index: 10;
-    width: 200px;
-    padding: 20px;
-    margin-right: 20px;
-    background: rgba(244, 245, 248, 1);
-    overflow-y: scroll;
-    position: fixed;
-    top: 200px;
-    left: 90px;
-  }
+.content-menu {
+  width: 1800px;
+  display: flex;
+  justify-content: flex-start;
+  margin: 0 auto;
+  box-sizing: border-box;
+}
 
-  .right {
-    width: 1300px;
-    height: calc(100% - 20px);
-    position: absolute;
-    top: 10px;
-    left: 300px;
-    min-height: 600px;
-  }
-  .manual {
-    cursor: pointer;
-    z-index: 10;
-    width: 74px;
-    height: 136px;
-    position: fixed;
-    top: 200px;
-    right: 200px;
-    background-size: 100% 100%;
-    background-image: url('../../assets/menu/manual.png');
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: unset !important;
-    p {
-      color: #005be1;
-      font-size: 20px;
-      margin-bottom: 0;
-      width: 20px;
-    }
-  }
+.left {
+  width: 200px;
+  padding-left: 10px;
+  padding-top: 10px;
+  background: #f4f5f8;
+  position: absolute;
+  top: 300px;
+  left: 85px;
+  max-height: 400px;
+}
 
-  .sidebar {
-    right: 0 !important;
-  }
+.new-guide-box {
+  position: absolute;
+  top: 300px;
+  right: 205px;
+  width: 74px;
+  height: 136px;
+  background: url('~@/assets/menu/new-bg.png') no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding-bottom: 0;
+}
 
-  .content {
-    right: 16rem !important;
-    left: 0 !important;
-  }
+.guide-text {
+  width: 25px;
+  text-align: center;
+  word-wrap: break-word;
+  font-size: 20px;
+  color: #0058e1;
+}
 
-  .img {
-    height: 20px;
+.right {
+  width: 1300px;
+  height: calc(100% - 20px);
+  position: absolute;
+  min-height: 600px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.left {
+  width: 200px;
+  padding-left: 10px;
+  padding-top: 10px;
+  background: #f4f5f8;
+  position: absolute;
+  top: 300px;
+  left: 85px;
+  max-height: 400px;
+}
+
+.manual {
+  cursor: pointer;
+  z-index: 10;
+  width: 74px;
+  height: 136px;
+  position: absolute;
+  top: 200px;
+  right: 140px;
+  background-size: 100% 100%;
+  background-image: url('../../assets/menu/manual.png');
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: unset !important;
+
+  p {
+    color: #005be1;
+    font-size: 20px;
+    margin-bottom: 0;
     width: 20px;
-    margin-right: 8px;
   }
+}
 
-  .doc {
-    background: url('~@/assets/capabilityCloud/doc.png') no-repeat;
-    background-size: 100%;
-  }
+.sidebar {
+  right: 0 !important;
+}
 
-  .newGuide {
-    background: url('~@/assets/capabilityCloud/newGuide.png') no-repeat;
-    background-size: 100%;
-  }
+.newGuide {
+  background: url('~@/assets/capabilityCloud/newGuide.png') no-repeat;
+  background-size: 100%;
+}
 
-  .new-menu-box {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
+.content {
+  right: 16rem !important;
+  left: 0 !important;
+}
 
-  .rela {
-    width: 100%;
-    height: 100%;
-    position: relative;
-  }
+.img {
+  height: 20px;
+  width: 20px;
+  margin-right: 8px;
+}
+
+.rela {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+.new-menu-box {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 </style>
diff --git a/front/src/views/newHome/components/WorkDynamics.vue b/front/src/views/newHome/components/WorkDynamics.vue
index bd99da15..f4d6907e 100644
--- a/front/src/views/newHome/components/WorkDynamics.vue
+++ b/front/src/views/newHome/components/WorkDynamics.vue
@@ -560,7 +560,7 @@
     height: 0.24rem;
     width: 0.24rem;
     background: url('~@/assets/home/shenqing.png') no-repeat;
-    background-size: cover;
+    background-size: contain;
     background-position: center;
   }
 
@@ -568,5 +568,7 @@
     height: 0.24rem;
     width: 0.24rem;
     background: url('~@/assets/home/shangjia.png') no-repeat;
+    background-size: contain;
+    background-position: center;
   }
 </style>
diff --git a/front/src/views/personalCenter/components/AbilityApplication.vue b/front/src/views/personalCenter/components/AbilityApplication.vue
index 057120e5..709bab2f 100644
--- a/front/src/views/personalCenter/components/AbilityApplication.vue
+++ b/front/src/views/personalCenter/components/AbilityApplication.vue
@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-07-12 09:42:44
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-08-01 10:49:31
+ * @LastEditTime: 2022-08-04 10:41:06
  * @Description:我的申请 能力申请 查看详情
 -->
 <template>
@@ -52,7 +52,37 @@
           <span class="img"></span>
           <span>{{ item.name }}</span>
         </div>
-        <div class="oddNumbers">子单号：{{ item.instanceId }}</div>
+        <div
+          style="
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+          "
+        >
+          <div class="oddNumbers">子单号：{{ item.instanceId }}</div>
+          <div style="display: flex; align-items: center">
+            <a-button
+              type="primary"
+              @click="modify(props.refObj.id, item)"
+              v-if="item.backToFirst"
+            >
+              修改
+            </a-button>
+            <a-popconfirm
+              v-if="!item.ended"
+              title="是否终止此流程?"
+              ok-text="是"
+              cancel-text="否"
+              @confirm="endThis(item.instanceId)"
+              @cancel="cancel"
+            >
+              <a-button type="primary" danger style="margin-left: 10px">
+                流程终止
+              </a-button>
+            </a-popconfirm>
+          </div>
+        </div>
+
         <div class="box" v-if="item.list.length > 0">
           <div class="ability" v-for="val in item.list" :key="val.id">
             <div
@@ -82,30 +112,32 @@
             <div class="right">
               <div class="ability-top">
                 <div class="name">
-                  {{ val.name }}
-                  <span class="type">
-                    {{
-                      val.type == '应用资源'
-                        ? '应用资源'
-                        : val.infoList.filter(
-                            (val2) => val2.attrType == '组件类型'
-                          )[0].attrValue == '智能算法'
-                        ? '智能算法'
-                        : val.infoList.filter(
-                            (val2) => val2.attrType == '组件类型'
-                          )[0].attrValue == '图层服务'
-                        ? '图层服务'
-                        : val.infoList.filter(
-                            (val2) => val2.attrType == '组件类型'
-                          )[0].attrValue == '开发组件'
-                        ? '开发组件'
-                        : val.infoList.filter(
-                            (val2) => val2.attrType == '组件类型'
-                          )[0].attrValue == '业务组件'
-                        ? '业务组件'
-                        : '--'
-                    }}
-                  </span>
+                  <div class="name">
+                    <span class="channelName">{{ val.name }}</span>
+                    <span class="type">
+                      {{
+                        val.type == '应用资源'
+                          ? '应用资源'
+                          : val.infoList.filter(
+                              (val2) => val2.attrType == '组件类型'
+                            )[0].attrValue == '智能算法'
+                          ? '智能算法'
+                          : val.infoList.filter(
+                              (val2) => val2.attrType == '组件类型'
+                            )[0].attrValue == '图层服务'
+                          ? '图层服务'
+                          : val.infoList.filter(
+                              (val2) => val2.attrType == '组件类型'
+                            )[0].attrValue == '开发组件'
+                          ? '开发组件'
+                          : val.infoList.filter(
+                              (val2) => val2.attrType == '组件类型'
+                            )[0].attrValue == '业务组件'
+                          ? '业务组件'
+                          : '--'
+                      }}
+                    </span>
+                  </div>
                 </div>
                 <div></div>
                 <!-- <div class="btn" v-if="val.type == '组件服务'">技术文档</div> -->
@@ -127,7 +159,7 @@
             <div class="right">
               <div class="ability-top">
                 <div class="name">
-                  {{ val.channelName }}
+                  <span class="channelName">{{ val.channelName }}</span>
                   <span class="type">基础设施</span>
                 </div>
               </div>
@@ -155,11 +187,24 @@
   </div>
 </template>
 <script setup>
-  import { ref, defineProps } from 'vue'
+  import { ref, defineProps, reactive } from 'vue'
+  import mybus from '@/myplugins/mybus'
+  import { message } from 'ant-design-vue'
+  import { endProcess, getApplyForm } from '@/api/personalCenter.js'
+  import { useRouter } from 'vue-router'
+  const router = useRouter()
   const backUrl = ref(window.SITE_CONFIG.apiURL + '/')
   const props = defineProps({
     refObj: { type: Object, default: null },
   })
+  const dept = reactive({})
+  // eslint-disable-next-line no-undef
+  if (infrastructure) {
+    // eslint-disable-next-line no-undef
+    dept.deptId = infrastructure.deptId
+    // eslint-disable-next-line no-undef
+    dept.deptName = infrastructure.deptName
+  }
   const showThis = () => {
     window.open(
       window.SITE_CONFIG.previewUrl +
@@ -169,6 +214,80 @@
   }
   const showArr = ref([])
   console.log(props.refObj, '=====================================')
+  const endThis = (instanceId) => {
+    endProcess({ instanceId: instanceId }).then((res) => {
+      if (res.data.code == 0) {
+        message.success('流程终止成功！')
+        mybus.emit('closeModal', { type: '能力申请', index: 0 })
+      } else {
+        message.warning('流程终止失败！')
+      }
+    })
+  }
+  const modify = (id, item) => {
+    getApplyForm(id).then((res) => {
+      console.log('修改==============>', res.data.data, item)
+      if (item.list.length > 0) {
+        let arr = []
+        item.list.map((val) => {
+          arr.push({
+            delFlag: val.delFlag,
+            description: val.description,
+            resourceId: val.id,
+            resourceName: val.name,
+            time: val.createDate,
+            type: val.type,
+            componentType:
+              (val.infoList.filter((val) => val.attrType == '组件类型')[0] &&
+                val.infoList.filter((val) => val.attrType == '组件类型')[0]
+                  .attrValue) ||
+              '',
+          })
+        })
+        localStorage.setItem(
+          'applyList',
+          JSON.stringify([
+            {
+              arr: arr,
+              deptId: item.name,
+              deptName: item.name,
+            },
+          ])
+        )
+        router.push({
+          path: '/apply',
+          query: {
+            id: id,
+            taskId: item.instanceId,
+          },
+        })
+      } else if (item.list2.length > 0) {
+        let arr = [
+          {
+            arr: [
+              {
+                description: '',
+                note1: JSON.stringify(item.list2),
+                resourceId: '1522550195055828996',
+                resourceName: '摄像头列表',
+                type: '基础设施',
+              },
+            ],
+            deptId: dept.deptId,
+            deptName: dept.deptName,
+          },
+        ]
+        localStorage.setItem('applyList', JSON.stringify(arr))
+        router.push({
+          path: '/apply',
+          query: {
+            id: id,
+            taskId: item.instanceId,
+          },
+        })
+      }
+    })
+  }
   if (props.refObj.resourceApplication) {
     showArr.value = []
     for (const key in props.refObj.resourceApplication) {
@@ -177,6 +296,7 @@
         obj.name = key
         props.refObj.resourceApplication[key].map((item) => {
           obj.instanceId = item.instanceId
+          obj.backToFirst = item.backToFirst
           obj.ended = item.ended
           obj.approveStatus = item.approveStatus
           if (item.resources.length > 0) {
@@ -318,15 +438,21 @@
                 .name {
                   width: 6rem;
                   height: 0.2rem;
-                  overflow: hidden;
-                  text-overflow: ellipsis;
-                  display: -webkit-box;
-                  -webkit-line-clamp: 1;
-                  -webkit-box-orient: vertical;
-                  word-break: break-all;
+                  display: flex;
+                  .channelName {
+                    max-width: 5rem;
+                    height: 0.2rem;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    display: -webkit-box;
+                    -webkit-line-clamp: 1;
+                    -webkit-box-orient: vertical;
+                    word-break: break-all;
+                  }
                   .type {
                     background: #0087ff;
                     color: #fff;
+                    line-height: 14px;
                     padding: 2px 10px;
                     border-radius: 10px;
                     margin-left: 0.1rem;
diff --git a/front/src/views/personalCenter/components/MyApply.vue b/front/src/views/personalCenter/components/MyApply.vue
index 1f57700a..91941cf4 100644
--- a/front/src/views/personalCenter/components/MyApply.vue
+++ b/front/src/views/personalCenter/components/MyApply.vue
@@ -304,7 +304,7 @@
 
 <script setup>
   // import qs from 'qs'
-  import { onMounted, reactive, ref } from 'vue'
+  import { onMounted, reactive, ref, onBeforeUnmount } from 'vue'
   import {
     getMyProcessInstancePage,
     // getTaskHandleDetailInfo,
@@ -325,6 +325,7 @@
   import { useRouter } from 'vue-router'
   import { message } from 'ant-design-vue'
   import ApplyDetails from '@/views/personalCenter/components/ApplyDetails'
+  import mybus from '@/myplugins/mybus'
   const router = useRouter()
   let typeList = ref([
     '能力申请',
@@ -755,6 +756,13 @@
       }
     })
   }
+  mybus.on('closeModal', (obj) => {
+    detailsVisible.value = false
+    changeType(obj.type, obj.index)
+  })
+  onBeforeUnmount(() => {
+    mybus.off('closeModal')
+  })
   onMounted(() => {
     getApplyList()
   })
diff --git a/front/src/views/personalCenter/components/PutOnTheShelf .vue b/front/src/views/personalCenter/components/PutOnTheShelf .vue
index 8007ff9f..aba774fb 100644
--- a/front/src/views/personalCenter/components/PutOnTheShelf .vue	
+++ b/front/src/views/personalCenter/components/PutOnTheShelf .vue	
@@ -2,12 +2,27 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-07-12 09:42:44
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-14 16:25:57
+ * @LastEditTime: 2022-08-02 15:48:15
  * @Description:我的申请 能力申请 查看详情
 -->
 <template>
   <div class="top">
-    <div class="title">基本信息</div>
+    <div
+      style="display: flex; justify-content: space-between; align-items: center"
+    >
+      <div class="title">基本信息</div>
+      <a-popconfirm
+        v-if="!props.refObj.ended"
+        title="是否终止此流程?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="endThis"
+        @cancel="cancel"
+      >
+        <a-button type="primary" danger>流程终止</a-button>
+      </a-popconfirm>
+      <div v-else></div>
+    </div>
     <div class="main">
       <div>
         <p class="item">
@@ -29,10 +44,23 @@
 </template>
 <script setup>
   import { ref, defineProps } from 'vue'
+  import mybus from '@/myplugins/mybus'
+  import { message } from 'ant-design-vue'
+  import { endProcess } from '@/api/personalCenter.js'
   const props = defineProps({
     refObj: { type: Object, default: null },
   })
   console.log(props.refObj, '=====================================')
+  const endThis = () => {
+    endProcess({ instanceId: props.refObj.processInstanceId }).then((res) => {
+      if (res.data.code == 0) {
+        message.success('流程终止成功！')
+        mybus.emit('closeModal', { type: '能力上架', index: 2 })
+      } else {
+        message.warning('流程终止失败！')
+      }
+    })
+  }
   // if (props.refObj.resourceApplication) {
   //   showArr.value = []
   //   for (const key in props.refObj.resourceApplication) {
diff --git a/front/src/views/personalCenter/components/addApplication.vue b/front/src/views/personalCenter/components/addApplication.vue
index 4099d01d..3dd9b38f 100644
--- a/front/src/views/personalCenter/components/addApplication.vue
+++ b/front/src/views/personalCenter/components/addApplication.vue
@@ -98,9 +98,24 @@
                 label="应用领域"
                 name="detailsField"
                 style="width: 6.93rem"
-                :rules="[{ required: true, message: '请选择应用领域' }]"
+                :rules="[
+                  {
+                    required:
+                      formName.detailsType === '应用资源' ||
+                      formName.detailsType === '组件服务'
+                        ? true
+                        : false,
+                    message: '请选择应用领域',
+                  },
+                ]"
               >
                 <a-select
+                  :disabled="
+                    formName.detailsType === '应用资源' ||
+                    formName.detailsType === '组件服务'
+                      ? false
+                      : true
+                  "
                   v-model:value="formName.detailsField"
                   :options="applicationSceneOpthion"
                   mode="tags"