Merge branch 'hi-ucs-dev' into release

2023-01-05 09:24:07 +08:00 · 2023-01-05 09:24:07 +08:00 · f576ece322
parent 6736a8d434 4617c2d892
commit f576ece322
73 changed files with 3638 additions and 2541 deletions
--- a/back/public/config/basicConfig.js
+++ b/back/public/config/basicConfig.js
@ -1,8 +1,8 @@
 /*
 * @Author: hisense.wuhongjian
 * @Date: 2022-08-25 14:37:49
- * @LastEditors: Light
- * @LastEditTime: 2022-11-24 09:10:10
+ * @LastEditors: hisense.wuhongjian
+ * @LastEditTime: 2023-01-05 09:23:47
 * @Description: 告诉大家这是什么
 */
 var _global = {}
--- a/back/src/views/modules/ability/IntegratedServices-add.vue
+++ b/back/src/views/modules/ability/IntegratedServices-add.vue
@ -1,30 +1,38 @@
 <template>
  <div>
-    <el-dialog :visible.sync="addOrUpdateVisibleCopy" :title="modalTypeText[modalType]" @close="closeModal"
-      :close-on-click-modal="false" :close-on-press-escape="false">
-      <div class="first-title">
-        填写字段
-      </div>
-      <el-checkbox-group v-model="checkList" @change="changeBtn" style="margin-bottom: 20px">
-        <el-checkbox-button v-for="(item) in btnList" :label="item" :key="item">{{ item }}
-        </el-checkbox-button>
-      </el-checkbox-group>
+    <el-dialog custom-class="customClass" :visible.sync="cityVisibleCopy" :title="modalTypeText[modalType]"
+      @close="closeModal" :close-on-click-modal="false" :close-on-press-escape="false">
+      <div class="left">
+        <div class="left-process">
+          <!-- <el-steps direction="vertical" :active="activeStep">
+            <el-step :key=index v-for="(item, index) in steps" :title=item @click.native="handleStep(index)"></el-step>
+          </el-steps> -->
+          <div class="li1" v-for="(item, index) in steps" :key="index" @click="handleStep(item, index)">
+            <div v-if="index == activeStepIndex">
+              <div class="node node1">{{ item.name }}</div>
+              <div class="borderLeft borderLeft1"></div>
+            </div>
+            <div v-else>
+              <div class="node">{{ item.name }}</div>
+              <div class="borderLeft"></div>
+            </div>
+            <div class="advice"></div>
+          </div>

-      <!-- 挂载和修改-->
-      <div key="1">
+        </div>
+      </div>
+
+      <!-- 挂载和修改   -->
+      <div class="right">
        <el-form :model="dataForm" :rules="rules" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()"
-          :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'">
+          :label-width="$i18n.locale === 'en-US' ? '150px' : '130px'">
          <!-- 基本信息 -->
-          <div style="margin-bottom:20px" v-show="checkList.includes('基本信息')">
-            <div style="
-                text-align: center;
-                font-weight: 600;
-                font-size: 18px;
-                margin-bottom: 10px;
-              ">
+          <div class="scrollBox" id="anchor1">
+            <div class="baseTitle">
              基本信息
            </div>
-            <el-form-item label="融合服务名称" prop="name">
+            <div class="baseInner">
+              <el-form-item label="融合服务名称" prop="name">
              <el-input class="input-box" v-model="dataForm.name" placeholder="请输入融合服务名称"></el-input>
            </el-form-item>
            <el-form-item label="融合服务描述" prop="description">
@ -37,91 +45,167 @@
                </el-option>
              </el-select>
            </el-form-item>
-            <el-form-item label="图片">
-              <el-upload ref="editUpload" class="upload-demo" :action="fileUploadUrl"
-                :on-success="eidtHandleAvatarSuccess" :before-upload="editBeforeAvatarUpload" :limit="1" :file-list="[]"
-                :on-remove="editUploadRemoveFile" :on-exceed="handleExceed" list-type="picture">
-                <el-button size="small" type="primary" class="button-new">点击上传</el-button>
-                <div slot="tip" class="el-upload__tip">只能上传图片文件</div>
-                <img v-if="imageUrl" :src="imageUrl" class="avatar" />
-              </el-upload>
-            </el-form-item>
+            <el-form-item label="图片:">
+                <el-upload ref="editUpload" class="upload-demo" :action="fileUploadUrl"
+                  :on-success="eidtHandleAvatarSuccess" :before-upload="editBeforeAvatarUpload" :limit="1"
+                  :file-list="[]" :on-remove="editUploadRemoveFile" :on-exceed="handleExceed" list-type="picture">
+                  <div slot="tip" class="el-upload__tip">只能上传图片文件</div>
+                  <div class="button-new">
+                    <div>点击上传</div>
+                  </div>
+
+                  <img v-if="imageUrl" :src="imageUrl" class="avatar" />
+                </el-upload>
+              </el-form-item>
+            </div>
          </div>

          <!-- 组合能力 -->
-          <div class="" style="marigin-bottom:40px" v-show="checkList.includes('组合能力')">
-            <div class="title">
+          <div class="scrollBox" id="anchor2">
+            <div class="baseTitle">
              组合能力
            </div>
-            <InfrastructureModal v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="基础设施"
-              :modalType="modalType" ref="jcssDom"></InfrastructureModal>
-              <el-form-item label="基础设施总数" >
-           <el-input   v-model="dataForm.infrastructureCount"  onkeyup="value=value.replace(/[^\d]/g,0)" placeholder="请输入基础设施总数"></el-input>
-              </el-form-item>
-            <combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="数据资源" ref="sjzyDom"
-              :getDataParams="getListParams['数据资源']"></combine-ability>
-              <el-form-item label="数据资源总数" >
-           <el-input v-model="dataForm.dataSourceCount"  onkeyup="value=value.replace(/[^\d]/g,0)" placeholder="请输入数据资源总数"></el-input>
-              </el-form-item>
-            <combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="组件服务" ref="zjfwDom"
-              :getDataParams="getListParams['组件服务']"></combine-ability>
-              <el-form-item label="组件服务总数" >
-           <el-input v-model="dataForm.componentCount"  placeholder="请输入组件服务总数"></el-input>
-              </el-form-item>
+            <div class="baseInner">
+              <!-- <scene-one-input :dataForm="dataForm" title="场景痛点" @update="updateDataForm" ref="scenePainDom"
+                :keyTextObj="painKeyTextObj"></scene-one-input> -->
+                <InfrastructureModal v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="基础设施"
+                  :modalType="modalType" ref="jcssDom"></InfrastructureModal>
+                  <el-form-item label="基础设施总数" >
+              <el-input   v-model="dataForm.infrastructureCount"  onkeyup="value=value.replace(/[^\d]/g,0)" placeholder="请输入基础设施总数"></el-input>
+                  </el-form-item>
+                <combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="数据资源" ref="sjzyDom"
+                  :getDataParams="getListParams['数据资源']"></combine-ability>
+                  <el-form-item label="数据资源总数" >
+              <el-input v-model="dataForm.dataSourceCount"  onkeyup="value=value.replace(/[^\d]/g,0)" placeholder="请输入数据资源总数"></el-input>
+                  </el-form-item>
+                <combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="组件服务" ref="zjfwDom"
+                  :getDataParams="getListParams['组件服务']"></combine-ability>
+                  <el-form-item label="组件服务总数" >
+              <el-input v-model="dataForm.componentCount"  placeholder="请输入组件服务总数"></el-input>
+                  </el-form-item>
+            </div>
          </div>
        </el-form>
      </div>
-
      <template slot="footer">
+        <el-button type="primary" @click="dataFormSubmitHandle()">提交</el-button>
        <el-button @click="closeModal">{{ $t("cancel") }}</el-button>
-        <el-button type="primary" @click="dataFormSubmitHandle()">{{
-            $t("confirm")
-        }}</el-button>
+
      </template>
    </el-dialog>
-
  </div>
 </template>

 <script>
-import debounce from "lodash/debounce";
-import qs from "qs";
-import CommonQuestion from './components/common-question.vue';
-import IntegratedCombineAbility from './components/integrated-combine-ability.vue';
-import CombineAbility from './components/combine-ability.vue';
-import Cookies from 'js-cookie'
-import { tableColumns } from './IntegratedServices.vue';
-import { getFuseResourceList, getListParams, modalTypeText } from "./assignedScene/add-update-scene.vue";
+import debounce from 'lodash/debounce'
 import InfrastructureModal from './assignedScene/components/infrastructure-modal.vue'
+import CombineAbility from './components/combine-ability.vue'
+import { getFuseResourceList, getListParams } from './assignedScene/add-update-scene.vue'
+import qs from 'qs'
+// import SceneUseStep from './components/scene-use-step.vue'
+// import SceneOneInput from './components/scene-one-input.vue'
+// import AbilityAdd from './components/ability-add.vue'
+// import CombineAbility from '../components/combine-ability.vue'
+// import CommonQuestion from '../components/common-question.vue'
+// import InfrastructureModal from './components/infrastructure-modal.vue'
+// import Cookies from 'js-cookie'
+// import upload from '@/views/modules/components/upload'
+
+export const getDescJson = (text) => {
+  return {
+    descObj: {
+      text: `${text}描述`,
+      key: 'description'
+    }
+  }
+}
+
+// 模态框标题
+export const modalTypeText = {
+  add: '场景挂接',
+  update: '场景修改'
+}

 export default {
  components: {
-    CommonQuestion,
-    IntegratedCombineAbility,
    CombineAbility,
-    InfrastructureModal,
+    InfrastructureModal
+    // SceneUseStep,
+    // CombineAbility,
+    // SceneOneInput,
+    // upload,
+    // CommonQuestion,
+    // InfrastructureModal,
+    // AbilityAdd
  },
-  data() {
+  watch: {
+
+    dataForm: {
+      handler (newVal) {
+        this.dataForm = newVal
+      },
+      deep: true,
+      immediate: true
+    },
+    cityVisible: {
+      handler (newVal) {
+        this.cityVisible = newVal
+        if (this.modalType == 'add' && newVal) {
+          this.getDetail(this.dataForm)
+        }
+      },
+      immediate: true
+    }
+  },
+  props: {
+    modalType: {
+      type: String,
+      default: 'add'
+    },
+    cityVisible: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  data () {
    return {
+      domArr: [],
+      scrollTop: 0,
+      selectNow: '',
+      areaList: [],
+      activeStepIndex: 0, // 选择的步骤
+      activeStepIndexs: 0,
+      baseTypeList: [{ value: '视频资源', label: '视频资源' }, { value: '云资源', label: '云资源' }, { value: '其他', label: '其他' }],
+      componetTypeList: [{ value: '智能算法', label: '智能算法' }, { value: ' 图层服务', label: ' 图层服务' },
+        { value: '开发组件', label: '开发组件' }, { value: '业务组件', label: '业务组件' }],
+      dataTypeList: [{ value: '数据', label: '数据' }],
+      sceneAreas: [], // 赋能领域
+
+      steps: [{ name: '基本信息', id: 'anchor1' },
+        { name: '组合能力', id: 'anchor2' }],
      fileUploadUrl: window.SITE_CONFIG.apiURL + '/upload',
+
+      painKeyTextObj: getDescJson('痛点'),
+      solutionKeyTextObj: getDescJson('方案'),
      dataForm: {
-        "infrastructureCount":null,
-        "dataSourceCount":null,
-        "componentCount":null,
-        "name": "",
-        "applicationArea": "",
-        "description": "",
-        "fuseAttrList": [
+        infrastructureCount: null,
+        dataSourceCount: null,
+        componentCount: null,
+        name: '',
+        applicationArea: '',
+        description: '',
+        fuseAttrList: [
          {
-            "attrType": "服务图片",
-            "attrValue": "",
-          },
+            attrType: '服务图片',
+            attrValue: ''
+          }
        ],
        // 选择的能力
-        "fuseResourceList": [
+        fuseResourceList: [
          {
-            "resourceId": 0,
-            "sequence": ""
+            resourceId: 0,
+            sequence: ''
          }
        ],
        type: '打包模式'
@ -130,225 +214,432 @@ export default {
        name: [
          {
            required: true,
-            message: "请输入融合服务名称",
-            trigger: "change",
-          },
+            message: '请输入名称',
+            trigger: 'change'
+          }
        ],
        description: [
          {
            required: true,
-            message: "请输入融合服务描述",
-            trigger: "change",
-          },
-        ],
+            message: '请输入描述',
+            trigger: 'change'
+          }
+        ]
      },
-      btnList: ['基本信息', '组合能力'],
-      checkList: ['基本信息', '组合能力'],
-      areaList: [],
-      addOrUpdateVisibleCopy: this.addOrUpdateVisible,
-      displayInfo: tableColumns,
-      getListParams: getListParams,
-      refsParseArray: {
-        'zjfwDom': '组件服务',
-        'sjzyDom': '数据资源',
-        'jcssDom': '基础设施',
+      checkList: ['基本信息', '场景痛点', '解决方案', '使用能力', '构建步骤'],
+      cityVisibleCopy: this.cityVisible,
+      displayInfo: {
+        name: '名称',
+        description: '描述'
      },
      modalTypeText: modalTypeText,
+      getListParams: getListParams,
+      refsParseArray: {
+        zjfwDom: '组件服务',
+        sjzyDom: '数据资源',
+        jcssDom: '基础设施'
+      },
+
      abilityListObj: {},
+      imgData: [],
      // 限定图片
-      handleExceed() {
+      handleExceed () {
        this.$message({ type: 'error', message: '最多支持一张图片上传' })
      },
      imageUrl: ''
-    };
-  },
-  props: {
-    modalType: {
-      type: String,
-      default: 'add'
-    },
-    addOrUpdateVisible: {
-      type: Boolean,
-      default: false
    }
  },
-  watch: {
-    dataForm: {
-      handler(newVal) {
-        this.dataForm = newVal
-      },
-      deep: true,
-      immediate: true,
-    },
-    addOrUpdateVisible: {
-      handler(newVal) {
-        this.addOrUpdateVisibleCopy = newVal;
-        if (this.modalType == 'add' && newVal) {
-          this.getDetail(this.dataForm)
-        }
-      },
-      immediate: true,
-    },
-  },
-  mounted() {
-    // 获取应用领域
-    this.getAreaInfo()
-  },
+
  methods: {
-    clearForm() {
-      this.$refs.dataForm && this.$refs.dataForm.resetFields();
+
+    handleStep (item, index) {
+      this.activeStepIndex = index
+      this.selectNow = item.id // 设置选中的锚点为当前点击的
+      const top = document.querySelector('#' + item.id).offsetTop - 100
+      document.querySelectorAll('.customClass .el-dialog__body')[0].scrollTop = top
    },
-    closeModal() {
-      this.$emit('closeModal')
-    },
-    // 获取应用领域
-    getAreaInfo() {
+    // 获取赋能场景
+    getSceneArea () {
      const params = {
-        page: 1,
-        limit: 99,
-        dictTypeId: "1513712507692818433",
-      };
+        topCategoryName: '应用资源'
+      }
      this.$http
-        .get("/sys/dict/data/page" + "?" + qs.stringify(params))
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg);
-          }
-          res.data.list.map((item) => {
-            this.areaList.push({
-              label: item.dictLabel,
-              value: item.dictLabel
-            });
-          });
-        }).catch(err => {
-          this.$message.error(err);
+        .get('/category/getAllFilterCriteriaByTopCategory/', {
+          params
+        })
+        .then((res) => {
+          this.sceneAreas = res.data.data[0].typeList
        })
    },
+
+    clearForm () {
+      this.$refs.dataForm && this.$refs.dataForm.resetFields()
+    },
+    closeModal () {
+      this.$emit('closeModal')
+    },
    // 更新表单
-    updateDataForm(data) {
+    updateDataForm (data) {
      if (Object.keys(this.getListParams).includes(data.title)) {
-        this.abilityListObj[data.title] = data.list;
+        this.abilityListObj[data.title] = data.list
      }
    },
-    getFuseResourceList() {
-      return getFuseResourceList(this.abilityListObj)
+    // 更新数量
+    updateCount (data) {
+      if (data.title === '基础设施') {
+        this.dataForm.infrastructureCount = data.count
+      }
+      if (data.title === '组件服务') {
+        this.dataForm.componentCount = data.count
+      }
+      if (data.title === '数据资源') {
+        this.dataForm.dataSourceCount = data.count
+      }
    },
-    // 改变按钮状态
-    changeBtn(data) {
-      this.checkList = data;
+    getFuseResourceList () {
+      return getFuseResourceList(this.abilityListObj)
    },
    // 表单提交
    dataFormSubmitHandle: debounce(
      function () {
        this.$refs.dataForm.validate((valid) => {
          if (!valid) {
-            this.$message.error("请检查表单是否填写完整");
-            return false;
+            this.$message.error('请检查表单是否填写完整')
+            return false
          }
-          let methodsObj = {
-            'add': 'post',
-            'update': 'put'
+          const methodsObj = {
+            add: 'post',
+            update: 'put'
          }
          this.dataForm.fuseResourceList = this.getFuseResourceList()
          if (this.imageUrl == '') {
-            this.$message.error("请上传图片！");
-            return;
+            this.$message.error('请上传图片！')
+            return
          }
-          this.dataForm.fuseAttrList.find(v => v.attrType == '服务图片').attrValue = this.imageUrl || '';
+          this.dataForm.fuseAttrList.find(v => v.attrType == '服务图片').attrValue = this.imageUrl || ''
          this.$http
-          [methodsObj[this.modalType]]("/fuse", this.dataForm)
+            [methodsObj[this.modalType]]('/fuse', 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.$refs.dataForm && this.$refs.dataForm.resetFields();
-                  this.$emit("refreshDataList");
-                  this.$emit("closeModal");
-                },
-              });
+                  this.$refs.dataForm && this.$refs.dataForm.resetFields()
+                  this.$emit('refreshDataList')
+                  this.$emit('closeModal')
+                }
+              })
            })
            .catch((err) => {
              this.$message.error(err)
-            });
-        });
+            })
+        })
      },
      1000,
      { leading: true, trailing: false }
    ),
    // 详情
-    getDetail(data) {
-      this.dataForm = data;
+    getDetail (data) {
+      this.dataForm = data
      this.$nextTick(() => {
        for (const key in this.refsParseArray) {
+          console.log('11111111111', data)
          this.$refs[key] && this.$refs[key].getDataInfo && this.$refs[key].getDataInfo(data)
        }
-        let _imgObj = data.fuseAttrList.find(v => v.attrType == '服务图片') || {};
-        this.imageUrl = _imgObj.attrValue;
+        const _imgObj = data.fuseAttrList.find(v => v.attrType == '服务图片') || {}
+        this.imageUrl = _imgObj.attrValue

        // 组合能力
        Object.keys(this.getListParams).map(k => {
-          let arr = data.fuseResourceList.filter(v => v.type == k);
-          let arr2 = [];
+          const arr = data.fuseResourceList.filter(v => v.type == k)
+          const arr2 = []
          arr.map(v => {
            arr2.push(v.resourceId)
          })
          this.abilityListObj[k] = arr2
        })

-        console.log('this.dataForm----详情-------->', this.dataForm);
+        console.log('this.dataForm----详情-------->', this.dataForm)
      })
    },
-    beforeAvatarUpload(file) {
-      const isImage =
-        file.type === 'image/jpeg' ||
-        file.type === 'image/jpg' ||
-        file.type === 'image/png'
-
-      if (!isImage) {
-        this.$message.error('上传头像图片只能是 jpg/png 格式!')
+    // 获取应用领域
+    getAreaInfo () {
+      const params = {
+        page: 1,
+        limit: 99,
+        dictTypeId: '1513712507692818433'
      }
-      return isImage
+      this.$http
+        .get('/sys/dict/data/page' + '?' + qs.stringify(params))
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          res.data.list.map((item) => {
+            this.areaList.push({
+              label: item.dictLabel,
+              value: item.dictLabel
+            })
+          })
+        }).catch(err => {
+          this.$message.error(err)
+        })
    },
-    addUploadRemoveFile(file, fileList) {
-      this.$refs.addUpload.clearFiles()
-      this.imageUrl = ''
-    },
-    editBeforeAvatarUpload(file) {
-      const isImage =
-        file.type === 'image/jpeg' ||
-        file.type === 'image/jpg' ||
-        file.type === 'image/png'
-      if (!isImage) {
-        this.$message.error('上传头像图片只能是 jpg/png 格式!')
-      }
-      return isImage
-    },
-    editUploadRemoveFile(file, fileList) {
-      this.$refs.editUpload.clearFiles()
-      this.imageUrl = ''
-    },
-    eidtHandleAvatarSuccess(res, file) {
+    handleAvatarSuccess (res, file) {
      if (res.code !== 0) {
        return this.$message.error(res.msg)
      }
      this.imageUrl = res.data
    },
+    beforeAvatarUpload (file) {
+      const isImage =
+        file.type === 'image/jpeg' ||
+        file.type === 'image/jpg' ||
+        file.type === 'image/png'
+      if (!isImage) {
+        this.$message.error('上传头像图片只能是 jpg/png 格式!')
+      }
+      return isImage
+    },
+    addUploadRemoveFile (file, fileList) {
+      this.$refs.addUpload.clearFiles()
+      this.imageUrl = ''
+    },
+    editBeforeAvatarUpload (file) {
+      const isImage =
+        file.type === 'image/jpeg' ||
+        file.type === 'image/jpg' ||
+        file.type === 'image/png'
+
+      if (!isImage) {
+        this.$message.error('上传头像图片只能是 jpg/png 格式!')
+      }
+      return isImage
+    },
+    editUploadRemoveFile (file, fileList) {
+      this.$refs.editUpload.clearFiles()
+      this.imageUrl = ''
+    },
+    eidtHandleAvatarSuccess (res, file) {
+      if (res.code !== 0) {
+        return this.$message.error(res.msg)
+      }
+      this.imageUrl = res.data
+    }
  },
-  beforeDestroy() {
+  mounted () {
+    // 获取应用领域
+    this.getAreaInfo()
+    const that = this
+    this.$nextTick(() => {
+      document.querySelector('.el-dialog__body').onscroll = function () {
+        const top = document.querySelectorAll('.customClass .el-dialog__body')[0].scrollTop - 100
+
+        if (top < document.querySelector('#anchor1').offsetTop - 100) {
+          that.activeStepIndexs = 0
+        } else if (top < document.querySelector('#anchor2').offsetTop - 100) {
+          that.activeStepIndexs = 1
+        } else {
+          that.activeStepIndexs = 0
+        }
+        if (that.activeStepIndex !== that.activeStepIndexs) {
+          that.activeStepIndex = that.activeStepIndexs
+          that.$forceUpdate()
+        }
+      }
+    })
+  },
+  beforeDestroy () {
    this.clearForm()
-  },
-};
+  }
+}
 </script>

 <style lang="scss" scoped>
+.fixed {
+  position: sticky;
+  z-index: 10012;
+  top: 0;
+  left: 50%;
+  margin-left: -9.56rem;
+}
+
+.button-new {
+  height: 90px;
+  width: 128px;
+  border: 1px dashed rgba(198, 198, 198, 0.5);
+  border-radius: 2px;
+  background: #e9eff8;
+  color: #666666;
+  font-size: 14px;
+  margin-right: 8px;
+}
+
+.button-new div {
+  background: url('~@/assets/img/uploadAdd.png') no-repeat;
+  color: #666666;
+  background-position: center;
+  text-align: center;
+  height: 90px;
+  padding-top: 41px;
+  background-position-y: 22px;
+}
+
+.left {
+  width: 135px;
+  height: 650px;
+  position: fixed;
+  background: rgba(244, 245, 248, 0.8);
+
+  .left-process {
+    height: 300px;
+    position: fixed;
+    padding-left: 18px;
+    padding-top: 24px;
+
+    .li1 {
+      list-style: none;
+      box-sizing: border-box;
+      padding-left: 20px;
+      position: relative;
+    }
+
+    .borderLeft {
+      width: 1px;
+      height: 100%;
+      background-color: #1160e2;
+      position: absolute;
+      top: 11.225px;
+      bottom: 0;
+      left: -1px;
+    }
+
+    .borderLeft1 {
+      background-color: #1160e2;
+      ;
+    }
+
+    .node::before {
+      z-index: 1;
+      content: "";
+      background-color: #fff;
+      border: 1px solid #1160e2;
+      width: 12px;
+      height: 12px;
+      color: #fff;
+      position: absolute;
+      border-radius: 50%;
+      left: 0;
+      top: 11.225px;
+      transform: translate(-50%, -50%);
+    }
+
+    .node {
+      cursor: pointer;
+      font-size: 16px;
+      line-height: 22.5px;
+      font-weight: 500;
+      color: #212121;
+    }
+
+    .node1 {
+      color: #0058e1;
+    }
+
+    .node1::before {
+      width: 16px;
+
+      height: 16px;
+
+      background-color: #fff;
+
+      border-radius: 50%;
+
+      border: 4px solid #1160e2;
+    }
+
+    .advice {
+      font-size: 10px;
+      color: #1160e2;
+      padding-bottom: 46px;
+    }
+
+    .li1:last-child .borderLeft {
+      display: none;
+    }
+
+  }
+}
+
+.right {
+  width: 770px;
+  margin-left: 157px;
+  margin-top: -5px;
+
+  .info-inner {
+
+    margin-left: 10px;
+
+    margin-right: 10px;
+  }
+
+  .info-title {
+    font-size: 14px;
+    font-weight: bold;
+  }
+
+  .baseInfo {
+
+    border-radius: 2px;
+
+  }
+
+  .baseTitle {
+    padding-left: 20px;
+    color: #212121;
+    font-size: 16px;
+    margin-bottom: 10px;
+    margin-top: 32px;
+    background: url("~@/assets/img/biaoti.png") no-repeat;
+    background-position-y: 2px;
+
+  }
+
+  .baseInner {
+    background: rgba(244, 245, 248, 0.8);
+    padding: 24px 120px;
+  }
+
+  .baseInner1 {
+    background: rgba(244, 245, 248, 0.8);
+    padding: 24px 24px;
+  }
+}
+
+::v-deep .el-dialog__header {
+  background: #0058e1;
+  // height: 50px;
+}
+
+::v-deep .el-dialog__title {
+  line-height: 18px;
+  font-size: 18px;
+  color: #fff;
+}
+
+::v-deep .el-upload {
+  display: inline-flex;
+}
+
 ::v-deep .el-dialog__body {
+  padding: 0px;
  height: 580px;
  overflow: auto;
+
 }

 .icon-input ::v-deep .el-input__inner {
@ -379,7 +670,7 @@ export default {
 }
 </style>

-<style lang="scss">
+<style lang="scss" scoped>
 .mod-sys__menu {

  .menu-list,
@ -448,19 +739,14 @@ export default {
  line-height: 32px;
 }

-.input-box {
-  width: 90%;
-}
-
-
-.first-title {
+.title {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
 }

-.title {
+.first-title {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
--- a/back/src/views/modules/ability/IntegratedServices-add_back.vue
+++ b/back/src/views/modules/ability/IntegratedServices-add_back.vue
@ -0,0 +1,474 @@
+<template>
+  <div>
+    <el-dialog :visible.sync="addOrUpdateVisibleCopy" :title="modalTypeText[modalType]" @close="closeModal"
+      :close-on-click-modal="false" :close-on-press-escape="false">
+      <div class="first-title">
+        填写字段
+      </div>
+      <el-checkbox-group v-model="checkList" @change="changeBtn" style="margin-bottom: 20px">
+        <el-checkbox-button v-for="(item) in btnList" :label="item" :key="item">{{ item }}
+        </el-checkbox-button>
+      </el-checkbox-group>
+
+      <!-- 挂载和修改-->
+      <div key="1">
+        <el-form :model="dataForm" :rules="rules" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()"
+          :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'">
+          <!-- 基本信息 -->
+          <div style="margin-bottom:20px" v-show="checkList.includes('基本信息')">
+            <div style="
+                text-align: center;
+                font-weight: 600;
+                font-size: 18px;
+                margin-bottom: 10px;
+              ">
+              基本信息
+            </div>
+            <el-form-item label="融合服务名称" prop="name">
+              <el-input class="input-box" v-model="dataForm.name" placeholder="请输入融合服务名称"></el-input>
+            </el-form-item>
+            <el-form-item label="融合服务描述" prop="description">
+              <el-input type="textarea" :rows="3" class="input-box" v-model="dataForm.description"
+                placeholder="请输入融合服务描述"></el-input>
+            </el-form-item>
+            <el-form-item label="应用领域" prop="applicationArea">
+              <el-select v-model="dataForm.applicationArea" placeholder="请选择应用领域" filterable>
+                <el-option v-for="item in areaList" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="图片">
+              <el-upload ref="editUpload" class="upload-demo" :action="fileUploadUrl"
+                :on-success="eidtHandleAvatarSuccess" :before-upload="editBeforeAvatarUpload" :limit="1" :file-list="[]"
+                :on-remove="editUploadRemoveFile" :on-exceed="handleExceed" list-type="picture">
+                <el-button size="small" type="primary" class="button-new">点击上传</el-button>
+                <div slot="tip" class="el-upload__tip">只能上传图片文件</div>
+                <img v-if="imageUrl" :src="imageUrl" class="avatar" />
+              </el-upload>
+            </el-form-item>
+          </div>
+
+          <!-- 组合能力 -->
+          <div class="" style="marigin-bottom:40px" v-show="checkList.includes('组合能力')">
+            <div class="title">
+              组合能力
+            </div>
+            <InfrastructureModal v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="基础设施"
+              :modalType="modalType" ref="jcssDom"></InfrastructureModal>
+              <el-form-item label="基础设施总数" >
+           <el-input   v-model="dataForm.infrastructureCount"  onkeyup="value=value.replace(/[^\d]/g,0)" placeholder="请输入基础设施总数"></el-input>
+              </el-form-item>
+            <combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="数据资源" ref="sjzyDom"
+              :getDataParams="getListParams['数据资源']"></combine-ability>
+              <el-form-item label="数据资源总数" >
+           <el-input v-model="dataForm.dataSourceCount"  onkeyup="value=value.replace(/[^\d]/g,0)" placeholder="请输入数据资源总数"></el-input>
+              </el-form-item>
+            <combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="组件服务" ref="zjfwDom"
+              :getDataParams="getListParams['组件服务']"></combine-ability>
+              <el-form-item label="组件服务总数" >
+           <el-input v-model="dataForm.componentCount"  placeholder="请输入组件服务总数"></el-input>
+              </el-form-item>
+          </div>
+        </el-form>
+      </div>
+
+      <template slot="footer">
+        <el-button @click="closeModal">{{ $t("cancel") }}</el-button>
+        <el-button type="primary" @click="dataFormSubmitHandle()">{{
+            $t("confirm")
+        }}</el-button>
+      </template>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+import qs from 'qs'
+import CommonQuestion from './components/common-question.vue'
+import IntegratedCombineAbility from './components/integrated-combine-ability.vue'
+import CombineAbility from './components/combine-ability.vue'
+import Cookies from 'js-cookie'
+import { tableColumns } from './IntegratedServices.vue'
+import { getFuseResourceList, getListParams, modalTypeText } from './assignedScene/add-update-scene.vue'
+import InfrastructureModal from './assignedScene/components/infrastructure-modal.vue'
+
+export default {
+  components: {
+    CommonQuestion,
+    IntegratedCombineAbility,
+    CombineAbility,
+    InfrastructureModal
+  },
+  data () {
+    return {
+      fileUploadUrl: window.SITE_CONFIG.apiURL + '/upload',
+      dataForm: {
+        infrastructureCount: null,
+        dataSourceCount: null,
+        componentCount: null,
+        name: '',
+        applicationArea: '',
+        description: '',
+        fuseAttrList: [
+          {
+            attrType: '服务图片',
+            attrValue: ''
+          }
+        ],
+        // 选择的能力
+        fuseResourceList: [
+          {
+            resourceId: 0,
+            sequence: ''
+          }
+        ],
+        type: '打包模式'
+      },
+      rules: {
+        name: [
+          {
+            required: true,
+            message: '请输入融合服务名称',
+            trigger: 'change'
+          }
+        ],
+        description: [
+          {
+            required: true,
+            message: '请输入融合服务描述',
+            trigger: 'change'
+          }
+        ]
+      },
+      btnList: ['基本信息', '组合能力'],
+      checkList: ['基本信息', '组合能力'],
+      areaList: [],
+      addOrUpdateVisibleCopy: this.addOrUpdateVisible,
+      displayInfo: tableColumns,
+      getListParams: getListParams,
+      refsParseArray: {
+        zjfwDom: '组件服务',
+        sjzyDom: '数据资源',
+        jcssDom: '基础设施'
+      },
+      modalTypeText: modalTypeText,
+      abilityListObj: {},
+      // 限定图片
+      handleExceed () {
+        this.$message({ type: 'error', message: '最多支持一张图片上传' })
+      },
+      imageUrl: ''
+    }
+  },
+  props: {
+    modalType: {
+      type: String,
+      default: 'add'
+    },
+    addOrUpdateVisible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  watch: {
+    dataForm: {
+      handler (newVal) {
+        this.dataForm = newVal
+      },
+      deep: true,
+      immediate: true
+    },
+    addOrUpdateVisible: {
+      handler (newVal) {
+        this.addOrUpdateVisibleCopy = newVal
+        if (this.modalType == 'add' && newVal) {
+          this.getDetail(this.dataForm)
+        }
+      },
+      immediate: true
+    }
+  },
+  mounted () {
+    // 获取应用领域
+    this.getAreaInfo()
+  },
+  methods: {
+    clearForm () {
+      this.$refs.dataForm && this.$refs.dataForm.resetFields()
+    },
+    closeModal () {
+      this.$emit('closeModal')
+    },
+    // 获取应用领域
+    getAreaInfo () {
+      const params = {
+        page: 1,
+        limit: 99,
+        dictTypeId: '1513712507692818433'
+      }
+      this.$http
+        .get('/sys/dict/data/page' + '?' + qs.stringify(params))
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          res.data.list.map((item) => {
+            this.areaList.push({
+              label: item.dictLabel,
+              value: item.dictLabel
+            })
+          })
+        }).catch(err => {
+          this.$message.error(err)
+        })
+    },
+    // 更新表单
+    updateDataForm (data) {
+      if (Object.keys(this.getListParams).includes(data.title)) {
+        this.abilityListObj[data.title] = data.list
+      }
+    },
+    getFuseResourceList () {
+      return getFuseResourceList(this.abilityListObj)
+    },
+    // 改变按钮状态
+    changeBtn (data) {
+      this.checkList = data
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(
+      function () {
+        this.$refs.dataForm.validate((valid) => {
+          if (!valid) {
+            this.$message.error('请检查表单是否填写完整')
+            return false
+          }
+          const methodsObj = {
+            add: 'post',
+            update: 'put'
+          }
+          this.dataForm.fuseResourceList = this.getFuseResourceList()
+          if (this.imageUrl == '') {
+            this.$message.error('请上传图片！')
+            return
+          }
+          this.dataForm.fuseAttrList.find(v => v.attrType == '服务图片').attrValue = this.imageUrl || ''
+          this.$http
+            [methodsObj[this.modalType]]('/fuse', this.dataForm)
+            .then(({ data: res }) => {
+              if (res.code !== 0) {
+                return this.$message.error(res.msg)
+              }
+              this.$message({
+                message: this.$t('prompt.success'),
+                type: 'success',
+                duration: 500,
+                onClose: () => {
+                  this.$refs.dataForm && this.$refs.dataForm.resetFields()
+                  this.$emit('refreshDataList')
+                  this.$emit('closeModal')
+                }
+              })
+            })
+            .catch((err) => {
+              this.$message.error(err)
+            })
+        })
+      },
+      1000,
+      { leading: true, trailing: false }
+    ),
+    // 详情
+    getDetail (data) {
+      this.dataForm = data
+      this.$nextTick(() => {
+        for (const key in this.refsParseArray) {
+          this.$refs[key] && this.$refs[key].getDataInfo && this.$refs[key].getDataInfo(data)
+        }
+        const _imgObj = data.fuseAttrList.find(v => v.attrType == '服务图片') || {}
+        this.imageUrl = _imgObj.attrValue
+
+        // 组合能力
+        Object.keys(this.getListParams).map(k => {
+          const arr = data.fuseResourceList.filter(v => v.type == k)
+          const arr2 = []
+          arr.map(v => {
+            arr2.push(v.resourceId)
+          })
+          this.abilityListObj[k] = arr2
+        })
+
+        console.log('this.dataForm----详情-------->', this.dataForm)
+      })
+    },
+    beforeAvatarUpload (file) {
+      const isImage =
+        file.type === 'image/jpeg' ||
+        file.type === 'image/jpg' ||
+        file.type === 'image/png'
+
+      if (!isImage) {
+        this.$message.error('上传头像图片只能是 jpg/png 格式!')
+      }
+      return isImage
+    },
+    addUploadRemoveFile (file, fileList) {
+      this.$refs.addUpload.clearFiles()
+      this.imageUrl = ''
+    },
+    editBeforeAvatarUpload (file) {
+      const isImage =
+        file.type === 'image/jpeg' ||
+        file.type === 'image/jpg' ||
+        file.type === 'image/png'
+      if (!isImage) {
+        this.$message.error('上传头像图片只能是 jpg/png 格式!')
+      }
+      return isImage
+    },
+    editUploadRemoveFile (file, fileList) {
+      this.$refs.editUpload.clearFiles()
+      this.imageUrl = ''
+    },
+    eidtHandleAvatarSuccess (res, file) {
+      if (res.code !== 0) {
+        return this.$message.error(res.msg)
+      }
+      this.imageUrl = res.data
+    }
+  },
+  beforeDestroy () {
+    this.clearForm()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog__body {
+  height: 580px;
+  overflow: auto;
+}
+
+.icon-input ::v-deep .el-input__inner {
+  cursor: pointer;
+}
+
+.detial-form ::v-deep {
+  .el-form-item {
+    margin-bottom: 0px;
+    line-height: 32px;
+  }
+
+  .el-form-item__label {
+    line-height: 32px;
+  }
+
+  .el-form-item__content {
+    line-height: 32px;
+  }
+}
+
+::v-deep .el-checkbox-button__inner {
+  width: 130px;
+  margin: 0 10px 5px;
+  border-left: unset !important;
+  border-radius: unset !important;
+  border: 1px solid #dcdfe6 !important;
+}
+</style>
+
+<style lang="scss">
+.mod-sys__menu {
+
+  .menu-list,
+  .icon-list {
+
+    .el-input__inner,
+    .el-input__suffix {
+      cursor: pointer;
+    }
+  }
+
+  &-icon-popover {
+    width: 458px;
+    overflow: hidden;
+  }
+
+  &-icon-inner {
+    width: 478px;
+    max-height: 258px;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+
+  &-icon-list {
+    width: 458px;
+    padding: 0;
+    margin: -8px 0 0 -8px;
+
+    >.el-button {
+      padding: 8px;
+      margin: 8px 0 0 8px;
+
+      >span {
+        display: inline-block;
+        vertical-align: middle;
+        width: 18px;
+        height: 18px;
+        font-size: 18px;
+      }
+    }
+  }
+}
+
+.previewImg {
+  position: fixed;
+  z-index: 9999;
+}
+
+.name {
+  text-align: right;
+  vertical-align: middle;
+  font-size: 14px;
+  color: #606266;
+  line-height: 40px;
+  padding: 0 12px 0 0;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  line-height: 32px;
+  width: 120px;
+}
+
+.text {
+  margin-left: 132px;
+  font-size: 14px;
+  color: #606266;
+  line-height: 32px;
+}
+
+.input-box {
+  width: 90%;
+}
+
+.first-title {
+  text-align: center;
+  font-weight: 600;
+  font-size: 18px;
+  margin-bottom: 10px;
+}
+
+.title {
+  text-align: center;
+  font-weight: 600;
+  font-size: 18px;
+  margin-bottom: 10px;
+}
+
+.avatar {
+  height: 100px;
+  width: 100px;
+  display: block;
+}
+</style>
--- a/back/src/views/modules/ability/IntegratedServices.vue
+++ b/back/src/views/modules/ability/IntegratedServices.vue
@ -38,10 +38,9 @@
        layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
        @current-change="pageCurrentChangeHandle">
      </el-pagination>
-
      <!-- 弹窗, 新增 / 修改 -->
      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="query" @closeModal="closeModal"
-        :addOrUpdateVisible="addOrUpdateVisible" :modalType="modalType">
+        :cityVisible="addOrUpdateVisible" :addOrUpdateVisible="addOrUpdateVisible"  :modalType="modalType">
      </add-or-update>

    </div>
@ -49,50 +48,51 @@
 </template>

 <script>
-import mixinViewModule from "@/mixins/view-module";
-import AddOrUpdate from "./IntegratedServices-add";
-import qs from "qs";
-import { type } from "os";
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './IntegratedServices-add'
+// import AddOrUpdate from './IntegratedServices-add_back'
+import qs from 'qs'
+import { type } from 'os'

 export const tableColumns = {
-  'name': '名称',
-  'description': '描述',
-  'applicationArea': '应用领域',
+  name: '名称',
+  description: '描述',
+  applicationArea: '应用领域'
 }

 export default {
  mixins: [mixinViewModule],
-  data() {
+  data () {
    return {
      // 表格--列
      tableColumns: tableColumns,
      tableData: [],
      mixinViewModuleOptions: {
-        getDataListURL: "/fuse/page",
-        exportURL: "/ability/bsabilityai/export",
-        deleteURL: "/fuse/delete",
+        getDataListURL: '/fuse/page',
+        exportURL: '/ability/bsabilityai/export',
+        deleteURL: '/fuse/delete',
        getDataListIsPage: true,
-        deleteIsBatch: false,
+        deleteIsBatch: false
      },
      dataForm: {
-        name: "",
+        name: '',
        order: 'desc',
        orderField: 'create_date',
        type: '打包模式'
      },
      qp: false,
-      modalType: 'add',
-    };
+      modalType: 'add'
+    }
  },
  components: {
-    AddOrUpdate,
+    AddOrUpdate
  },
-  mounted() {
-    window.addEventListener("resize", this.a);
-    this.fullScreen();
+  mounted () {
+    window.addEventListener('resize', this.a)
+    this.fullScreen()
  },
  methods: {
-    deleteRow(id) {
+    deleteRow (id) {
      this.$confirm('确认是否删除?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
@ -103,52 +103,52 @@ export default {
        }).then(res => {
          console.log('删除成功', res)
          if (res.data.code !== 0) {
-            return this.$message.error(res.msg);
+            return this.$message.error(res.msg)
          }
          this.$message({
            message: '删除成功',
-            type: "success",
+            type: 'success',
            duration: 500,
            onClose: () => {
              this.query()
-            },
-          });
+            }
+          })
        }).catch(err => {
-          this.$message.error(err);
+          this.$message.error(err)
        })
      }).catch(() => {
-      });
+      })
    },
    // 查询
-    searchData() {
+    searchData () {
      this.query()
    },
    // 重置
-    reset() {
-      this.dataForm.name = "";
+    reset () {
+      this.dataForm.name = ''
      this.query()
    },
    // 修改
-    handleUpdate(val) {
-      this.addOrUpdateVisible = true;
-      this.modalType = 'update';
+    handleUpdate (val) {
+      this.addOrUpdateVisible = true
+      this.modalType = 'update'
      const cloneVal = JSON.parse(JSON.stringify(val))
      this.$nextTick(() => {
        this.$refs.addOrUpdate.getDetail(cloneVal)
      })
    },
    // 挂接
-    addServe() {
+    addServe () {
      this.addOrUpdateVisible = true
-      this.modalType = 'add';
+      this.modalType = 'add'
    },
-    closeModal() {
-      this.addOrUpdateVisible = false;
+    closeModal () {
+      this.addOrUpdateVisible = false
    },
    // 详情
-    showDetail(val) {
-  //    window.open(window.SITE_CONFIG.previewUrl + '#/packagingDetails?id=' + val.id)
-  window.open(window.SITE_CONFIG.previewUrl + '#/integrationServicesDetails?id=' + val.id)
+    showDetail (val) {
+      //    window.open(window.SITE_CONFIG.previewUrl + '#/packagingDetails?id=' + val.id)
+      window.open(window.SITE_CONFIG.previewUrl + '#/integrationServicesDetails?id=' + val.id)
    },
    // showDocument(val) {
    //   console.log(val);
@ -157,28 +157,28 @@ export default {
    //     "_blank"
    //   );
    // },
-    fullScreen() {
+    fullScreen () {
      if (window.outerHeight === screen.availHeight) {
        if (window.outerWidth === screen.availWidth) {
          console.log(
-            "全屏1",
-          );
-          this.qp = false;
+            '全屏1'
+          )
+          this.qp = false
        } else {
          console.log(
-            "不是全屏2",
-          );
-          this.qp = true;
+            '不是全屏2'
+          )
+          this.qp = true
        }
      } else {
        console.log(
-          "不是全屏3",
-        );
-        this.qp = true;
+          '不是全屏3'
+        )
+        this.qp = true
      }
-    },
-  },
-};
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
 .el-tooltip__popper {
--- a/back/src/views/modules/ability/assignedScene/area-add.vue
+++ b/back/src/views/modules/ability/assignedScene/area-add.vue
@ -21,7 +21,7 @@
              <el-form-item label="赋能领域:" prop="unit">
                <el-select v-model="dataForm.applicationArea" placeholder="请选择">
                  <el-option v-for="item in sceneAreas" :key="item.data" :label="item.dict_label"
-                    :value="item.dict_value"></el-option>
+                    :value="item.dict_label"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="场景名称:" prop="name">
--- a/back/src/views/modules/ability/assignedScene/city-add.vue
+++ b/back/src/views/modules/ability/assignedScene/city-add.vue
@ -36,7 +36,7 @@
              <el-form-item label="赋能领域:" prop="unit">
                <el-select v-model="dataForm.applicationArea" placeholder="请选择">
                  <el-option v-for="item in sceneAreas" :key="item.data" :label="item.dict_label"
-                    :value="item.dict_value"></el-option>
+                    :value="item.dict_label"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="场景名称:" prop="name">
--- a/back/src/views/modules/ability/assignedScene/components/infrastructure-modal.vue
+++ b/back/src/views/modules/ability/assignedScene/components/infrastructure-modal.vue
@ -80,280 +80,277 @@
                }}</el-button>
            </template>
        </el-dialog>
-
        <DisplayList :displayList="displayList" showKey="channelName"></DisplayList>
    </div>
 </template>

 <script>
 import InfrastructureTree from './infrastructure-tree.vue'
-import DisplayList from './display-list.vue';
+import DisplayList from './display-list.vue'

 export default {
-    components: {
-        InfrastructureTree,
-        DisplayList
+  components: {
+    InfrastructureTree,
+    DisplayList
+  },
+  props: {
+    // 最多选择的数据个数
+    maxNum: {
+      type: Number,
+      default: 10
    },
-    props: {
-        // 最多选择的数据个数
-        maxNum: {
-            type: Number,
-            default: 10
-        },
-        type: {
-            type: String,
-            default: "基础设施"
-        },
-        modalType: {
-            type: String,
-            default: 'add'
-        }
+    type: {
+      type: String,
+      default: '基础设施'
    },
-    data() {
-        const getYunList = () => {
-            let yunList = ['云主机', '算力主机', '对象存储', '堡垒机', '防火墙', '网闸', '负载均衡', '公网IP'];
-            let arr = []
-            yunList.map(v => arr.push({ labelCode: v, labelName: v }))
-            return arr
-        }
-        return {
-            showKey: 0,
-            showModal: false,
-            selectedArray: [], // 已选择的数据id
-            selectedArrayCopy: [],
-            displayList: [], // 用于展示的list
-            btnList: ['视频资源', '云资源', '感知资源'],
-            showText: {
-                '视频资源': '视频标签',
-                '云资源': '云资源分类',
-                '感知资源': '感知资源分类',
-            },
-            tabData: [
-                {
-                    tabName: '视频资源',
-                    list: []
-                },
-                {
-                    tabName: '云资源',
-                    list: getYunList()
-                },
-                {
-                    tabName: '感知资源',
-                    list: []
-                },
-            ],
-            currentList: [],
-            dataListLoading: false,
-            dataList: [],
-            pageData: {
-                total: 0,
-            },
-            cameraName: '',
-            postData: {},
-            activeBtn: '视频资源',
-            checkList: [],
-            searchData: {
-                cameraName: '',
-                pageSize: 10,
-                pageNum: 1,
-                parentId: ''
-            },
-            dataFormCopy: {}
-        }
-    },
-    watch: {
-        async showModal(newVal) {
-            if (newVal) {
-                // 默认选中复选框
-                this.$nextTick(() => {
-                    this.selectCheckbox()
-                })
-                if (this.modalType == 'add') {
-                    this.clear()
-                }
-            }
-        }
-    },
-    mounted() {
-        // 获取视频资源
-        this.getVideoBtn()
-    },
-    methods: {
-        selectCheckbox() {
-            if (this.selectedArray.length > 0) {
-                let list = []
-                this.dataList.forEach((item) => {
-                    this.selectedArray.forEach(val => {
-                        if (val === item.idtCameraChannel) {
-                            list.push(item)
-                        }
-                    })
-                })
-                if (list.length) {
-                    list.forEach((row) => {
-                        this.$refs.dataTable && this.$refs.dataTable.toggleRowSelection(row, true)
-                    })
-                }
-            }
-        },
-        showAction() {
-            this.showModal = true;
-        },
-        // 详情
-        async getDataInfo(dataForm) {
-            this.modalType == 'edit'
-            this.dataFormCopy = dataForm;
-            await this.getVideoBtn();
-            let arr = [];
-            let attrValue = dataForm.fuseResourceList.filter(v => v.type == this.type);
-            if (attrValue.length > 0) {
-                attrValue.map(val => {
-                    let _obj = Object.assign({}, val, val.resource)
-                    arr.push(_obj);
-                });
-            }
-            // 展示
-            this.displayList = JSON.parse(JSON.stringify(arr));
-            // 已选中
-            this.selectedArray = arr.map(v => v.idtCameraChannel);
-            this.selectedArrayCopy = JSON.parse(JSON.stringify(arr));
-
-            this.dataList = JSON.parse(JSON.stringify(arr));
-            this.pageData.total = arr.length;
-            // 默认选中复选框
-            this.$nextTick(() => {
-                this.selectCheckbox()
-            })
-        },
-        // 点击复选框
-        dataListSelectionChangeHandle(data) {
-            this.selectedArray = data;
-        },
-        pageCurrentChangeHandle(pageNum) {
-            this.searchData.pageNum = pageNum;
-            this.getData()
-        },
-        pageSizeChangeHandle(pageSize) {
-            this.searchData.pageSize = pageSize;
-            this.getData()
-        },
-        changeBtn(btn) {
-            this.activeBtn = btn;
-            this.currentList = this.tabData.find(v => v.tabName == btn).list || [];
-            this.checkList = [];
-            this.searchData.cameraName = '';
-            this.getData()
-        },
-        // 获取视频标签列表
-        getVideoBtn() {
-            return new Promise((resolve, reject) => {
-                this.$http.get('/api/project/selectAllLabel', {}).then(res => {
-                    resolve(res)
-                    if (res.data.code !== 1) {
-                        return this.$message.error(res.msg);
-                    }
-                    this.tabData[0].list = res.data.data || [];
-
-                    this.$nextTick(() => {
-                        this.currentList = this.tabData.find(v => v.tabName == this.activeBtn).list || [];
-                        if (this.modalType == 'add') {
-                            this.clear()
-                        }
-                    })
-                }).catch(err => {
-                    reject(err)
-                    this.$message.error(err);
-                })
-            })
-
-        },
-        // 视频-清空标签
-        clearVideo() {
-            this.checkList = []
-            this.getData()
-        },
-        // 切换视频
-        changeVideoBtn(item) {
-            let _index = this.checkList.findIndex(v => item.labelCode == v)
-            if (_index > -1) {
-                this.checkList.splice(_index, 1)
-            } else {
-                this.checkList.push(item.labelCode)
-            }
-            this.$nextTick(() => {
-                this.getData()
-            })
-        },
-        // 获取列表
-        getData() {
-            let postData = Object.assign({}, {
-                checkStatus: 1,
-                gpsX: '',
-                gpsY: '',
-                radius: '',
-                labelCodes: this.checkList.join(),
-            }, this.searchData);
-            return new Promise((resolve, reject) => {
-                this.$http.get('/api/project/selectByParentIdNew', { params: postData }).then(res => {
-                    resolve(res)
-                    if (res.data.code !== 1) {
-                        return this.$message.error(res.msg);
-                    }
-                    this.dataList = res.data.data || []
-                    this.pageData.total = res.data.count || 0;
-                }).catch(err => {
-                    reject(err)
-                    this.$message.error(err);
-                })
-            })
-        },
-        changeParentId(parentId) {
-            this.searchData.parentId = parentId;
-            this.getData(parentId)
-        },
-        clearSelectArray() {
-            this.selectedArrayCopy = []
-            this.selectedArray = []
-            this.getData()
-        },
-        confirmSubmitHandle() {
-            // 新选择的
-            let idtCameraChannelArray = this.selectedArray.map(v => v.idtCameraChannel)
-            // 选过的
-            let newIdArray = this.selectedArrayCopy.map(v => v.idtCameraChannel)
-            let idArray = [...new Set(newIdArray.concat(idtCameraChannelArray))]
-            if (idArray.length > this.maxNum) {
-                return this.$message.error('最多选择十条数据！');
-            }
-
-            let listArray = [].concat(this.selectedArrayCopy, this.dataList);
-            this.displayList = [];
-            idArray.map(v => {
-                let obj = listArray.find(k => k.idtCameraChannel === v)
-                if (obj) {
-                    this.displayList.push({
-                        channelName: obj.channelName
-                    })
-                }
-
-            })
-
-            this.$emit('update', {
-                title: this.type,
-                list: idArray,
-            })
-            this.showModal = false;
-        },
-        close() {
-            this.showModal = false;
-            this.searchData.cameraName = ''
-            // this.selectedArray = [];
-            this.$emit('closeModal');
-        },
-        clear() {
-            this.changeBtn('视频资源')
-        },
+    modalType: {
+      type: String,
+      default: 'add'
    }
+  },
+  data () {
+    const getYunList = () => {
+      const yunList = ['云主机', '算力主机', '对象存储', '堡垒机', '防火墙', '网闸', '负载均衡', '公网IP']
+      const arr = []
+      yunList.map(v => arr.push({ labelCode: v, labelName: v }))
+      return arr
+    }
+    return {
+      showKey: 0,
+      showModal: false,
+      selectedArray: [], // 已选择的数据id
+      selectedArrayCopy: [],
+      displayList: [], // 用于展示的list
+      btnList: ['视频资源', '云资源', '感知资源'],
+      showText: {
+        视频资源: '视频标签',
+        云资源: '云资源分类',
+        感知资源: '感知资源分类'
+      },
+      tabData: [
+        {
+          tabName: '视频资源',
+          list: []
+        },
+        {
+          tabName: '云资源',
+          list: getYunList()
+        },
+        {
+          tabName: '感知资源',
+          list: []
+        }
+      ],
+      currentList: [],
+      dataListLoading: false,
+      dataList: [],
+      pageData: {
+        total: 0
+      },
+      cameraName: '',
+      postData: {},
+      activeBtn: '视频资源',
+      checkList: [],
+      searchData: {
+        cameraName: '',
+        pageSize: 10,
+        pageNum: 1,
+        parentId: ''
+      },
+      dataFormCopy: {}
+    }
+  },
+  watch: {
+    async showModal (newVal) {
+      if (newVal) {
+        // 默认选中复选框
+        this.$nextTick(() => {
+          this.selectCheckbox()
+        })
+        if (this.modalType == 'add') {
+          this.clear()
+        }
+      }
+    }
+  },
+  mounted () {
+    // 获取视频资源
+    this.getVideoBtn()
+  },
+  methods: {
+    selectCheckbox () {
+      if (this.selectedArray.length > 0) {
+        const list = []
+        this.dataList.forEach((item) => {
+          this.selectedArray.forEach(val => {
+            if (val === item.idtCameraChannel) {
+              list.push(item)
+            }
+          })
+        })
+        if (list.length) {
+          list.forEach((row) => {
+            this.$refs.dataTable && this.$refs.dataTable.toggleRowSelection(row, true)
+          })
+        }
+      }
+    },
+    showAction () {
+      this.showModal = true
+    },
+    // 详情
+    async getDataInfo (dataForm) {
+      this.modalType == 'edit'
+      this.dataFormCopy = dataForm
+      await this.getVideoBtn()
+      const arr = []
+      const attrValue = dataForm.fuseResourceList.filter(v => v.type == this.type)
+      if (attrValue.length > 0) {
+        attrValue.map(val => {
+          const _obj = Object.assign({}, val, val.resource)
+          arr.push(_obj)
+        })
+      }
+      // 展示
+      this.displayList = JSON.parse(JSON.stringify(arr))
+      // 已选中
+      this.selectedArray = arr.map(v => v.idtCameraChannel)
+      this.selectedArrayCopy = JSON.parse(JSON.stringify(arr))
+
+      this.dataList = JSON.parse(JSON.stringify(arr))
+      this.pageData.total = arr.length
+      // 默认选中复选框
+      this.$nextTick(() => {
+        this.selectCheckbox()
+      })
+    },
+    // 点击复选框
+    dataListSelectionChangeHandle (data) {
+      this.selectedArray = data
+    },
+    pageCurrentChangeHandle (pageNum) {
+      this.searchData.pageNum = pageNum
+      this.getData()
+    },
+    pageSizeChangeHandle (pageSize) {
+      this.searchData.pageSize = pageSize
+      this.getData()
+    },
+    changeBtn (btn) {
+      this.activeBtn = btn
+      this.currentList = this.tabData.find(v => v.tabName == btn).list || []
+      this.checkList = []
+      this.searchData.cameraName = ''
+      this.getData()
+    },
+    // 获取视频标签列表
+    getVideoBtn () {
+      return new Promise((resolve, reject) => {
+        this.$http.get('/api/project/selectAllLabel', {}).then(res => {
+          resolve(res)
+          if (res.data.code !== 1) {
+            return this.$message.error(res.msg)
+          }
+          this.tabData[0].list = res.data.data || []
+
+          this.$nextTick(() => {
+            this.currentList = this.tabData.find(v => v.tabName == this.activeBtn).list || []
+            if (this.modalType == 'add') {
+              this.clear()
+            }
+          })
+        }).catch(err => {
+          reject(err)
+          this.$message.error(err)
+        })
+      })
+    },
+    // 视频-清空标签
+    clearVideo () {
+      this.checkList = []
+      this.getData()
+    },
+    // 切换视频
+    changeVideoBtn (item) {
+      const _index = this.checkList.findIndex(v => item.labelCode == v)
+      if (_index > -1) {
+        this.checkList.splice(_index, 1)
+      } else {
+        this.checkList.push(item.labelCode)
+      }
+      this.$nextTick(() => {
+        this.getData()
+      })
+    },
+    // 获取列表
+    getData () {
+      const postData = Object.assign({}, {
+        checkStatus: 1,
+        gpsX: '',
+        gpsY: '',
+        radius: '',
+        labelCodes: this.checkList.join()
+      }, this.searchData)
+      return new Promise((resolve, reject) => {
+        this.$http.get('/api/project/selectByParentIdNew', { params: postData }).then(res => {
+          resolve(res)
+          if (res.data.code !== 1) {
+            return this.$message.error(res.msg)
+          }
+          this.dataList = res.data.data || []
+          this.pageData.total = res.data.count || 0
+        }).catch(err => {
+          reject(err)
+          this.$message.error(err)
+        })
+      })
+    },
+    changeParentId (parentId) {
+      this.searchData.parentId = parentId
+      this.getData(parentId)
+    },
+    clearSelectArray () {
+      this.selectedArrayCopy = []
+      this.selectedArray = []
+      this.getData()
+    },
+    confirmSubmitHandle () {
+      // 新选择的
+      const idtCameraChannelArray = this.selectedArray.map(v => v.idtCameraChannel)
+      // 选过的
+      const newIdArray = this.selectedArrayCopy.map(v => v.idtCameraChannel)
+      const idArray = [...new Set(newIdArray.concat(idtCameraChannelArray))]
+      if (idArray.length > this.maxNum) {
+        return this.$message.error('最多选择十条数据！')
+      }
+
+      const listArray = [].concat(this.selectedArrayCopy, this.dataList)
+      this.displayList = []
+      idArray.map(v => {
+        const obj = listArray.find(k => k.idtCameraChannel === v)
+        if (obj) {
+          this.displayList.push({
+            channelName: obj.channelName
+          })
+        }
+      })
+
+      this.$emit('update', {
+        title: this.type,
+        list: idArray
+      })
+      this.showModal = false
+    },
+    close () {
+      this.showModal = false
+      this.searchData.cameraName = ''
+      // this.selectedArray = [];
+      this.$emit('closeModal')
+    },
+    clear () {
+      this.changeBtn('视频资源')
+    }
+  }

 }
 </script>
--- a/back/src/views/modules/ability/bsabilityai.vue
+++ b/back/src/views/modules/ability/bsabilityai.vue
@ -167,9 +167,9 @@
            <el-button type="text" size="small" @click="showDetail(scope.row)"
              >详情</el-button
            >
-            <el-button type="text" size="small" @click="showDocument(scope.row)"
+            <!-- <el-button type="text" size="small" @click="showDocument(scope.row)"
              >技术文档</el-button
-            >
+            > -->
            <el-button
              type="text"
              size="small"
--- a/back/src/views/modules/ability/bsabilityservice.vue
+++ b/back/src/views/modules/ability/bsabilityservice.vue
@ -155,9 +155,9 @@
            <el-button type="text" size="small" @click="showDetail(scope.row)"
              >详情</el-button
            >
-            <el-button type="text" size="small" @click="showDocument(scope.row)"
+            <!-- <el-button type="text" size="small" @click="showDocument(scope.row)"
              >技术文档</el-button
-            >
+            > -->
            <el-button
              type="text"
              size="small"
--- a/back/src/views/modules/workBench/components/bottom-view.vue
+++ b/back/src/views/modules/workBench/components/bottom-view.vue
@ -79,7 +79,7 @@ export default {
        }
      ],
      tableData: [],
-      maxSize: { y: 195 },
+      maxSize: { y: 235 },
      loadingDynamic: false,
      loadingTable: false
    }
@ -170,6 +170,7 @@ export default {
    font-size: 16px;
    color: #212121;
    text-align: center;
+        box-shadow: 2px 2px 5px #ccc;
 }
  .container {
    background: #fff;
@ -177,6 +178,7 @@ export default {
    height: 335px;
    padding: 0px 0 0 10px;
    box-sizing: border-box;
+        box-shadow: 2px 2px 5px #ccc;
  }
 }

@ -256,6 +258,10 @@ export default {
 ::v-deep .ant-table-thead {
  background-color: #f4f5f8;
 }
+::v-deep .ant-table-header{
+  margin-right: -17px;
+}
+::v-deep .ant-table-body::-webkit-scrollbar{width:0;}
 </style>
 <style lang="scss">
 .testTooltip {
--- a/back/src/views/modules/workBench/components/center-view.vue
+++ b/back/src/views/modules/workBench/components/center-view.vue
@ -1,8 +1,8 @@
 <!--
 * @Author: hisense.wuhongjian
 * @Date: 2022-07-05 12:53:03
- * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-08-26 10:24:16
+ * @LastEditors: Light
+ * @LastEditTime: 2022-12-30 10:07:30
 * @Description: 告诉大家这是什么
 -->
 <template>
@ -35,5 +35,9 @@ export default {
    display: flex;
    align-items: center;
    justify-content: space-between;
+    &>div{
+
+      box-shadow: 2px 2px 5px #ccc;
+    }
 }
 </style>
--- a/back/src/views/modules/workBench/components/dept-todo-view.vue
+++ b/back/src/views/modules/workBench/components/dept-todo-view.vue
@ -211,6 +211,7 @@ export default {

 .num {
  font-size: 30px;
+  font-weight: 600;
 }

 .unit {
--- a/back/src/views/modules/workBench/components/trend-view.vue
+++ b/back/src/views/modules/workBench/components/trend-view.vue
@ -69,7 +69,6 @@ export default {
        days.unshift(valueItem) // 添加至数组
      }

-
      return days
    },

@ -88,7 +87,6 @@ export default {
          endDate: this.endDate
        },
        (res) => {
-    
          if (res.data.data && res.data.data.length > 0) {
            this.data = res.data.data[0].values
            this.data.map((item) => {
@ -106,7 +104,7 @@ export default {
          } else {
            this.trendChartData = {
              xaxis: this.ydata,
-              ydata:this.xaxis
+              ydata: this.xaxis
            }
          }

--- a/back/src/views/modules/workBench/workBench.vue
+++ b/back/src/views/modules/workBench/workBench.vue
@ -73,13 +73,13 @@ export default {
      },
      // 部门申请
      resourceData: [],
-      resourceColor: ['#7b2cff', '#fd5151' , '#2ca1ff', '#0adbfa', '#febe13', '#65e5dd', '#f071ff', '#85f67a'],
+      resourceColor: ['#fe845e', '#0058e1', '#48c6c7', '#48c760', '#9c78ed', '#ff9999', '#d5c438', '#ff3e55'],
      // 部门申请
      applyData: [],
-      applyColor: ['#5085f2', '#e75fc3', '#f87be2', '#f2719a', '#fca4bb', '#f59a8f', '#fdb301', '#57e7ec', '#cf9ef1'],
+      applyColor: ['#fe845e', '#0058e1', '#48c6c7', '#48c760', '#9c78ed', '#ff9999', '#d5c438', '#ff3e55'],
      // 部门需求
      requireData: [],
-      requireColor: ['#FD866A', '#9E87FF', '#58D5FF', '#73DDFF', '#73ACFF', '#FDD56A', '#FDB36A'],
+      requireColor: ['#fe845e', '#0058e1', '#48c6c7', '#48c760', '#9c78ed', '#ff9999', '#d5c438', '#ff3e55'],
      loadingToDo: false,
      loadingHasToDo: false,
      loadingResource: false,
@ -252,12 +252,20 @@ export default {
        width: 836px;
        background: #fff;
        margin-right: 16px;
+        box-shadow: 2px 2px 5px #ccc;
    }

    .dept-chart-box {
        width: 780px;
        height: 100%;
        background: #fff;
+        box-shadow: 2px 2px 5px #ccc;
+        &>div{
+          border-left: 1px solid rgba($color: #d0d4de, $alpha: 0.5);
+        }
+        &>div:nth-of-type(1){
+          border: none;
+        }
    }
 }
 </style>
--- a/front/public/static/config/basicConfig.js
+++ b/front/public/static/config/basicConfig.js
@ -2,7 +2,7 @@
 * @Author: hisense.wuhongjian
 * @Date: 2020-07-07 16:03:23
 * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-12-29 17:34:17
+ * @LastEditTime: 2023-01-05 09:23:54
 * @Description: 系统静态参数配置
 */
 var _global = {}
--- a/front/src/App.vue
+++ b/front/src/App.vue
@ -2,7 +2,7 @@
 * @Author: hisense.wuhongjian
 * @Date: 2022-05-06 11:12:00
 * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-12-29 17:34:24
+ * @LastEditTime: 2023-01-05 09:24:02
 * @Description: 告诉大家这是什么
 -->
 <template>
@ -94,6 +94,7 @@
    //     realName = res.data.data.realName
    //   }
    realName = store.getters['user/realName']
+    console.log('真实姓名', realName)
    if (realName.length > 13) {
      onWholeWaterMark(
        [realName, moment().format('YYYY-MM-DD')],
@ -148,6 +149,7 @@
      // if (newValue == '/home') {
      //   waterMarkInit(newValue)
      // }
+      waterMarkInit()
      changeWaterMark(newValue)
    },
    { immediate: true }
--- a/front/src/api/home.js
+++ b/front/src/api/home.js
@ -588,3 +588,11 @@ export function sysnoticemanagement(params) {
    params,
  })
 }
+//获取所有区市
+export function getRegion(params) {
+  return request({
+    url: '/sys/region/list/',
+    method: 'get',
+     params,
+  })
+}
--- a/front/src/assets/abilityStatistics/gongxiangqingkzhishiku.png
+++ b/front/src/assets/abilityStatistics/gongxiangqingkzhishiku.png
--- a/front/src/assets/abilityStatistics/hkt-bg.png
+++ b/front/src/assets/abilityStatistics/hkt-bg.png
--- a/front/src/assets/abilityStatistics/hkt.png
+++ b/front/src/assets/abilityStatistics/hkt.png
--- a/front/src/assets/abilityStatistics/jichujianshe-bg.png
+++ b/front/src/assets/abilityStatistics/jichujianshe-bg.png
--- a/front/src/assets/abilityStatistics/jichujianshe.png
+++ b/front/src/assets/abilityStatistics/jichujianshe.png
--- a/front/src/assets/abilityStatistics/kfzj-bg.png
+++ b/front/src/assets/abilityStatistics/kfzj-bg.png
--- a/front/src/assets/abilityStatistics/kfzj.png
+++ b/front/src/assets/abilityStatistics/kfzj.png
--- a/front/src/assets/abilityStatistics/shujuziyuan-bg.png
+++ b/front/src/assets/abilityStatistics/shujuziyuan-bg.png
--- a/front/src/assets/abilityStatistics/shujuziyuan.png
+++ b/front/src/assets/abilityStatistics/shujuziyuan.png
--- a/front/src/assets/abilityStatistics/tcfw-bg.png
+++ b/front/src/assets/abilityStatistics/tcfw-bg.png
--- a/front/src/assets/abilityStatistics/zujianfuwu.png
+++ b/front/src/assets/abilityStatistics/zujianfuwu.png
--- a/front/src/assets/abilityStatistics/yingyongziyuan-bg.png
+++ b/front/src/assets/abilityStatistics/yingyongziyuan-bg.png
--- a/front/src/assets/abilityStatistics/ywzj-bg.png
+++ b/front/src/assets/abilityStatistics/ywzj-bg.png
--- a/front/src/assets/abilityStatistics/ywzj.png
+++ b/front/src/assets/abilityStatistics/ywzj.png
--- a/front/src/assets/abilityStatistics/yyzy-bg.png
+++ b/front/src/assets/abilityStatistics/yyzy-bg.png
--- a/front/src/assets/abilityStatistics/yingyongziyuan.png
+++ b/front/src/assets/abilityStatistics/yingyongziyuan.png
--- a/front/src/assets/abilityStatistics/zhishiku-bg.png
+++ b/front/src/assets/abilityStatistics/zhishiku-bg.png
--- a/front/src/assets/abilityStatistics/zhishiku.png
+++ b/front/src/assets/abilityStatistics/zhishiku.png
--- a/front/src/assets/abilityStatistics/znsf-bg.png
+++ b/front/src/assets/abilityStatistics/znsf-bg.png
--- a/front/src/assets/abilityStatistics/znsf.png
+++ b/front/src/assets/abilityStatistics/znsf.png
--- a/front/src/assets/abilityStatistics/zujianfuwu-bg.png
+++ b/front/src/assets/abilityStatistics/zujianfuwu-bg.png
--- a/front/src/assets/abilityStatistics/共享情况-基础设施-背景.png
+++ b/front/src/assets/abilityStatistics/共享情况-基础设施-背景.png
--- a/front/src/assets/abilityStatistics/共享情况-数据资源-背景.png
+++ b/front/src/assets/abilityStatistics/共享情况-数据资源-背景.png
--- a/front/src/assets/abilityStatistics/共享情况-知识库-背景.png
+++ b/front/src/assets/abilityStatistics/共享情况-知识库-背景.png
--- a/front/src/assets/abilityStatistics/共享情况-组件服务-背景.png
+++ b/front/src/assets/abilityStatistics/共享情况-组件服务-背景.png
--- a/front/src/assets/abilityStatistics/各类资源汇聚-基础设施.png
+++ b/front/src/assets/abilityStatistics/各类资源汇聚-基础设施.png
--- a/front/src/assets/abilityStatistics/好评榜.png
+++ b/front/src/assets/abilityStatistics/好评榜.png
--- a/front/src/assets/abilityStatistics/能力需求-背景.png
+++ b/front/src/assets/abilityStatistics/能力需求-背景.png
--- a/front/src/assets/home/area.png
+++ b/front/src/assets/home/area.png
--- a/front/src/assets/home/city.png
+++ b/front/src/assets/home/city.png
--- a/front/src/assets/home/del-on.png
+++ b/front/src/assets/home/del-on.png
--- a/front/src/assets/home/del.png
+++ b/front/src/assets/home/del.png
--- a/front/src/assets/home/sanjiao.png
+++ b/front/src/assets/home/sanjiao.png
--- a/front/src/assets/newHome/add-grey.png
+++ b/front/src/assets/newHome/add-grey.png
--- a/front/src/assets/newHome/biaoti.png
+++ b/front/src/assets/newHome/biaoti.png
--- a/front/src/views/abilityStatistics/components/SharingSituation.vue
+++ b/front/src/views/abilityStatistics/components/SharingSituation.vue
@ -56,7 +56,7 @@
        </div>

        <div class="volume_box">
-          <div class="fugai"></div>
+          <!-- <div class="fugai"></div> -->
          <div
            v-for="(item, index) in dataLists"
            :key="item"
@ -201,20 +201,20 @@
    })
  }
  let photoBg = ref([
-    require('../../../assets/abilityStatistics/yingyongziyuan-bg.png'),
-    require('../../../assets/abilityStatistics/zhishiku-bg.png'),
-    require('../../../assets/abilityStatistics/zujianfuwu-bg.png'),
-    require('../../../assets/abilityStatistics/shujuziyuan-bg.png'),
-    require('../../../assets/abilityStatistics/jichujianshe-bg.png'),
-    require('../../../assets/abilityStatistics/yingyongziyuan-bg.png'),
+    require('../../../assets/abilityStatistics/yyzy-bg.png'),
+    require('../../../assets/abilityStatistics/kfzj-bg.png'),
+    require('../../../assets/abilityStatistics/ywzj-bg.png'),
+    require('../../../assets/abilityStatistics/tcfw-bg.png'),
+    require('../../../assets/abilityStatistics/znsf-bg.png'),
+    require('../../../assets/abilityStatistics/hkt-bg.png'),
  ])
  let photo = ref([
-    require('../../../assets/abilityStatistics/yingyongziyuan.png'),
-    require('../../../assets/abilityStatistics/zhishiku.png'),
-    require('../../../assets/abilityStatistics/zujianfuwu.png'),
-    require('../../../assets/abilityStatistics/shujuziyuan.png'),
-    require('../../../assets/abilityStatistics/jichujianshe.png'),
-    require('../../../assets/abilityStatistics/yingyongziyuan.png'),
+    require('../../../assets/abilityStatistics/yyzy.png'),
+    require('../../../assets/abilityStatistics/kfzj.png'),
+    require('../../../assets/abilityStatistics/ywzj.png'),
+    require('../../../assets/abilityStatistics/tcfw.png'),
+    require('../../../assets/abilityStatistics/znsf.png'),
+    require('../../../assets/abilityStatistics/hkt.png'),
  ])
  //申请量接口
  let dataLists = ref([])
@ -379,12 +379,12 @@
        display: flex;
        margin-bottom: 20px;
        color: #fff;
-        .fugai {
-          width: 40px;
-          height: 390px;
-          background: #0058e1;
-          margin-top: 1px;
-        }
+        // .fugai {
+        //   width: 40px;
+        //   height: 390px;
+        //   background: #0058e1;
+        //   margin-top: 1px;
+        // }
        .volume_box-son {
          width: 120px;
          height: 390px;
@ -417,6 +417,11 @@
            bottom: 44px;
          }
        }
+        .volume_box-son:nth-of-type(1) {
+          width: 140px;
+          padding-left: 28px;
+          background-position-x: 10px;
+        }
      }
    }
  }
--- a/front/src/views/detailsAll/AlgorithmDetails.vue
+++ b/front/src/views/detailsAll/AlgorithmDetails.vue
@ -2,7 +2,7 @@
 * @Author: hisense.liangjunhua
 * @Date: 2022-06-08 11:32:22
 * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-07-18 18:49:30
+ * @LastEditTime: 2022-12-30 14:38:26
 * @Description: 算法详情页
 -->
 <template>
@ -192,7 +192,7 @@
 <style lang="less" scoped>
  .fixed {
    position: fixed;
-    z-index: 2000;
+    z-index: 10012;
    top: 0;
    left: 50%;
    margin-left: -9.56rem;
--- a/front/src/views/detailsAll/BusinessDetails.vue
+++ b/front/src/views/detailsAll/BusinessDetails.vue
@ -2,7 +2,7 @@
 * @Author: hisense.gaoyuanwei
 * @Date: 2022-06-20 10:12:22
 * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-07-18 18:49:01
+ * @LastEditTime: 2023-01-03 16:56:08
 * @Description: 业务组件详情页
 -->
 <template>
@ -175,7 +175,7 @@
 <style lang="less" scoped>
  .fixed {
    position: fixed;
-    z-index: 2000;
+    z-index: 10012;
    top: 0;
    left: 50%;
    margin-left: -9.56rem;
--- a/front/src/views/detailsAll/LayerService.vue
+++ b/front/src/views/detailsAll/LayerService.vue
@ -2,7 +2,7 @@
 * @Author: hisense.liangjunhua
 * @Date: 2022-06-08 11:32:22
 * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-07-18 18:48:32
+ * @LastEditTime: 2023-01-03 16:57:14
 * @Description: 图层服务详情页
 -->
 <template>
@ -184,7 +184,7 @@
 <style lang="less" scoped>
  .fixed {
    position: fixed;
-    z-index: 2000;
+    z-index: 10012;
    top: 0;
    left: 50%;
    margin-left: -9.56rem;
--- a/front/src/views/home/AbilityToApplyFor.vue
+++ b/front/src/views/home/AbilityToApplyFor.vue
@ -289,6 +289,9 @@
      margin-bottom: 0.2rem;
      display: flex;
      justify-content: space-between;
+      background: url("~@/assets/newHome/biaoti.png") no-repeat;
+    background-position-y: 7px;
+    padding-left: 17px;
    }

    .ability-to-apply-for-content {
@ -297,7 +300,7 @@

      .dep-name {
        color: #0558e1;
-        font-size: 0.22rem;
+        font-size: 0.18rem;
        display: flex;
        align-items: center;
        line-height: 0.22rem;
@ -346,7 +349,7 @@

      .description {
        width: 8.8rem;
-        color: rgba(0, 0, 0, 0.45);
+        color: rgba(0, 0, 0, 0.70);
      }

      .remove {
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@ -74,7 +74,11 @@
          <span v-else>
            {{ item.name }}
          </span>
+        
+          <div  :class="item.name === Cardsname ? 'sanjiao' : ''"></div>
+      
        </div>
+        
      </div>
      <div class="top-content-father" :key="listKey">
        <template
@ -215,6 +219,7 @@
          <span v-else>
            {{ item.name }}
          </span>
+          <div  :class="item.name === Cardsname ? 'sanjiao' : ''"></div>
        </div>
      </div>
      <div class="top-content-father">
@ -276,6 +281,7 @@
          <span v-else>
            {{ item.name }}
          </span>
+          <div  :class="item.name === Cardsname ? 'sanjiao' : ''"></div>
        </div>
      </div>
      <KnowledgeBase
@ -333,6 +339,7 @@
            }"
          ></span>
          <span>{{ item.name }}</span>
+        
        </div>
      </div>
      <div class="resultListSearchInput-father">
@ -465,6 +472,7 @@
            }"
          ></span>
          <span>{{ item.name }}</span>
+         
        </div>
      </div>
      <div class="top-content-father">
@ -491,6 +499,7 @@
            }"
          ></span>
          <span>{{ item.name }}</span>
+       
        </div>
      </div>
      <div class="resultListSearchInput-father" style="background: unset">
@ -2274,18 +2283,32 @@
          margin-right: 0.1rem;
        }
        div {
-          padding: 0 0.1rem;
+          padding-left: 33px;
+          width: 220px;
          cursor: pointer;
-          display: flex;
+         // display: flex;
          align-items: center;
        }
-        div:hover {
-          color: #0087ff;
+        div span{
+          vertical-align:middle;
        }
+        div:hover {
+          color: #0058e1;
+        }
+       
+       .sanjiao{
+        background: url('~@/assets/home/sanjiao.png');
+    background-repeat: no-repeat;
+    height: 10px;
+    width: 10px;
+    margin-left: 67px;
+    position: absolute;
+       }
        .sel {
-          font-weight: 600;
-          color: #0087ff;
-          border-bottom: 0.02rem solid #0087ff;
+          color: #000000;     
+          border-bottom: 0.03rem solid #0058e1;
+          // background: url('~@/assets/home/sanjiao.png');
+          // background-repeat: no-repeat;
        }
      }
      .top-content-father {
@ -2301,6 +2324,7 @@
          display: flex;
          margin-top: 0rem;
          span:nth-child(1) {
+            font-size: 0.14rem;
            display: inline-block;
            position: relative;
            line-height: 0.3614rem;
--- a/front/src/views/home/algorithmCompare.vue
+++ b/front/src/views/home/algorithmCompare.vue
@ -667,22 +667,43 @@
 </script>

 <style>
+
  .ant-modal-footer {
    display: block;
  }
 </style>

 <style lang="less" scoped>
+
+  :deep(.ant-table-tbody > tr.ant-table-row-selected > td){
+    background: #e6eefb;
+ }
+ :deep(.ant-checkbox-checked .ant-checkbox-inner){
+  background-color: #0058e1;
+ }
+ :deep(.ant-checkbox-indeterminate .ant-checkbox-inner::after){
+  background-color: #0058e1;
+ }
  .bg {
    background: #fff;
    height: 100vh;
    width: 100%;
  }
+  :deep .ant-anchor-link{
+    height: 50px !important;
+    line-height: 50px;
+    margin:0px !important;
+  }
+:deep .ant-anchor-link-active > .ant-anchor-link-title {
+    color: #fff;
+    width: 100%;
+    height: 100%;
+    background: #0058e1;
+}
+:deep .ant-anchor-link-title:only-child {
   
-  // @font-face {
-  //     font-family: 'num-typeface';
-  //     src: url('~@/assets/newHome/font/num-typeface.otf');
-  // }
+    padding-left: 14px;
+}

  .border {
    border: 1px solid #dddee1;
@ -744,7 +765,7 @@
        height: 60px;
        display: flex;
        align-items: center;
-        justify-content: center;
+        justify-content: left;
        font-size: 16px;
        color: #212121;
        border-bottom: 1px solid #dddee1;
@ -768,22 +789,22 @@

      .top {
        width: 100%;
-        height: 100px;
+        height: 137px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
-        justify-content: flex-start;
+        justify-content: flex-end;

        .td-name {
-          height: 100px;
+          height: 137px;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .td {
-          height: 100px;
-          line-height: 100px;
+          height: 137px;
+          line-height: 137px;
          position: relative;
          display: flex;
          justify-content: center;
@ -874,12 +895,13 @@
  .modal-box {
    height: 650px;
    width: 800px;
+
  }

  .add-img {
-    height: 60px;
-    width: 60px;
-    background: url('~@/assets/newHome/add-on.png');
+    height: 40px;
+    width: 40px;
+    background: url('~@/assets/newHome/add-grey.png');
    background-size: 100% 100%;
    cursor: pointer;
  }
@ -931,7 +953,7 @@
    height: 60px;
    display: flex;
    align-items: center;
-    justify-content: center;
+    justify-content: left;
    font-size: 16px;
    color: #212121;
    border-bottom: 1px solid #dddee1;
--- a/front/src/views/home/apply.vue
+++ b/front/src/views/home/apply.vue
--- a/front/src/views/home/components/CanAssignCase.vue
+++ b/front/src/views/home/components/CanAssignCase.vue
@ -82,14 +82,14 @@ watch(
    justify-items: center;

    .caseBox {
-      width: 3.5rem;
-      height: 3rem;
-      box-shadow: 1px 1px 5px 5px rgba(222, 222, 222, 0.152);
-      background: #ffffff;
-      border-radius: 0.05rem;
-      padding: 0.2rem;
-      margin-bottom: 0.2rem;
-      cursor: pointer;
+        width: 3.5rem;
+    height: 3rem;
+    border: 1px solid #ebecef;
+    box-shadow: 1px 1px 5px 5px rgb(222 222 222 / 15%);
+    background: #ffffff;
+    padding: 0.2rem;
+    margin-bottom: 0.2rem;
+    cursor: pointer;

      img {
        width: 3rem;
--- a/front/src/views/home/components/KnowledgeBase.vue
+++ b/front/src/views/home/components/KnowledgeBase.vue
@ -147,19 +147,19 @@
      cursor: pointer;
    }
    .zskTag {
-      margin: 20px 10px;
+      margin: 20px 20px;
      // display: flex;
      // justify-content: center;
-      border-top: 1px solid #eee;
-      padding-top: 20px;
+      border-top: 1px solid #dddee1;
+     padding-top: 18px;
      .type {
        padding: 0 10px 0 0;
-        font-size: 18px;
+        font-size: 16px;
        font-weight: 600;
-        border-right: 1px solid #eee;
+        border-right: 1px solid #dddee1;
      }
      .ant-tag {
-        font-size: 18px;
+        font-size: 16px;
        padding: 5px;
        margin-left: 10px;
      }
@ -170,15 +170,20 @@
    }
    .top {
      display: flex;
-      justify-content: space-between;
-      border-top: 1px solid #eee;
-      margin: 10px 0;
-      padding: 30px 10px 0;
+      padding-top: 10px;
+    justify-content: space-between;
+    border-top: 1px solid #dddee1;
+    margin: 3px 18px 5px;
+    font-size: 14px;
      span {
        color: #0058e1;
-        font-weight: 600;
+       font-weight: 600;
+       font-size:16px;
      }
    }
+    :deep(.ant-list-lg  .ant-list-item){
+      padding: 18px 17px 12px 49px;
+    }
    :deep(.ant-list-bordered) {
      border: none;
      .ant-list-item {
@ -192,11 +197,12 @@
          display: flex;
          justify-content: flex-start;
          align-items: center;
+          font-size: 14px;
          svg {
            margin-right: 5px;
          }
          .text {
-            font-size: 16px;
+            font-size: 14px;
            cursor: pointer;
            &:hover {
              color: #0087ff;
--- a/front/src/views/home/components/header.vue
+++ b/front/src/views/home/components/header.vue
@ -75,21 +75,39 @@
    <div class="mynotice" v-show="mynoticeFlag">
      <a-list item-layout="horizontal" :data-source="mynoticeData">
        <template #renderItem="{ item }">
-          <a-tooltip placement="left">
+          <!-- <a-tooltip placement="left">
            <template #title>
              <span>{{ item.content }}</span>
            </template>
-            <a-list-item>
-              <a-list-item-meta :description="item.senderDate">
-                <template #title>
-                  <a>{{ item.content }}</a>
-                </template>
-              </a-list-item-meta>
-            </a-list-item>
-          </a-tooltip>
+
+          </a-tooltip> -->
+          <a-list-item>
+            <a-list-item-meta :description="item.senderDate">
+              <template #title>
+                <a>{{ item.content }}</a>
+              </template>
+            </a-list-item-meta>
+          </a-list-item>
        </template>
      </a-list>
-      <div class="bottom" @click="goToView()">查看更多</div>
+      <div class="bottom" @click="goToView()">
+        查看更多
+        <svg
+          t="1672387024761"
+          class="icon"
+          viewBox="0 0 1024 1024"
+          version="1.1"
+          xmlns="http://www.w3.org/2000/svg"
+          p-id="2682"
+          width="20"
+          height="20"
+        >
+          <path
+            d="M185.884 327.55 146.3 367.133 512.021 732.779 877.7 367.133 838.117 327.55 511.997 653.676Z"
+            p-id="2683"
+          ></path>
+        </svg>
+      </div>
    </div>
    <div class="info">
      <i
@ -127,7 +145,7 @@
  </div>
 </template>
 <script setup>
-  import { ref, onMounted, onBeforeUnmount, defineProps } from 'vue'
+  import { ref, onMounted, onBeforeUnmount, defineProps,watch } from 'vue'
  import { getUserInfo, getRole } from '@/api/user'
  import { recordRoute } from '@/config'
  import { useRoute, useRouter } from 'vue-router'
@ -162,6 +180,22 @@
  }
  const targetRouter = ref('')
  const backFlag = ref(false)
+  watch(
+    () => router.currentRoute.value.path,
+    (newValue, oldValue) => {
+
+  if(newValue=='/apply' || newValue=='/details'){
+    select.value='DetailsPageconetent'
+  }else if(newValue=='/demandDetails'){
+    select.value='demandCenter'
+  }
+  else if(newValue=='/integrationServicesDetails'){
+    select.value='integrationServices'
+  }
+  
+    },
+    { immediate: true }
+  )
  getUserInfo().then((res) => {
    if (res.data.data.superAdmin == '1') {
      backFlag.value = true
@ -176,7 +210,6 @@
    }
  })

-  console.log('navList------------>', navList)

  const props = defineProps({
    showView: { type: String, default: '' },
@ -197,7 +230,7 @@
      }
    }
  }
-  console.log('3333333------------>', props)
+
  // 返回首页
  const goToHome = () => {
    // 西海岸
@ -226,6 +259,7 @@
          return message.warn('暂无权限')
        }
      }
+
      select.value = item.key
      switch (item.name) {
        case '个人中心':
@ -693,6 +727,9 @@
      text-align: center;
      color: #000;
      font-size: 0.16rem;
+      display: flex;
+      justify-content: center;
+      align-items: center;
    }
  }

@ -721,6 +758,9 @@
      -webkit-box-orient: vertical;
      cursor: default;
    }
+    a:hover {
+      color: #0058e1;
+    }

    button {
      width: 0.7rem;
--- a/front/src/views/home/components/searchResultList.vue
+++ b/front/src/views/home/components/searchResultList.vue
@ -969,6 +969,7 @@
      // margin: 11px 0 20px;
      // background: #e5f2ff;
      // padding-left: 20px;
+      padding-top:10px;
      display: flex;
      align-items: center;
      position: relative;
--- a/front/src/views/home/components/searchResultList_back.vue
+++ b/front/src/views/home/components/searchResultList_back.vue
@ -372,6 +372,7 @@
          li {
            width: 90px;
            height: 12px;
+            align-items: right;
            position: relative;
            text-align: center;
            cursor: pointer;
--- a/front/src/views/home/infrastructurePage.vue
+++ b/front/src/views/home/infrastructurePage.vue
@ -117,11 +117,14 @@
          </div>
          <a-button
            style="
-              margin-left: 0.8rem;
-              background: #e1edfa;
-              color: #0087ff;
-              border: none;
-              border-radius: 0.06rem;
+               width: 80px; 
+               height: 32px;
+               text-align: center;
+               background: #0558e1;
+                color: #fff;
+                border: 1px solid #0558e1;
+                border-radius: 2px;
+                font-size: 14px;
            "
            @click="appointment(item)"
          >
@ -405,18 +408,23 @@
            :wrapper-col="{ span: 14, offset: 4 }"
            style="text-align: center; margin-top: 0.4rem"
          >
-            <a-button @click="appointmentRoom = false" type="primary" danger>
-              取消
-            </a-button>
-            <a-button
-              style="margin-left: 10px"
-              type="primary"
+          <a-button
+             class="tijiao"
+            
              @click="onSubmit"
            >
              提交
            </a-button>
+            <a-button class="quxiao" @click="appointmentRoom = false" >
+              取消
+            </a-button>
+   
          </a-form-item>
        </a-form>
+       
+          
+            
+   
      </a-modal>
    </div>
    <div v-if="room">
@ -1207,7 +1215,7 @@
    if (item && item.status != 1) {
      return
      // return message.warning('当前设备离线, 不可预览！')
-    }
+    }handleChose
    console.log('打开视频', id)
    const param = {
      key: id,
@ -2512,6 +2520,38 @@
  })
 </script>
 <style lang="less" scoped>
+ 
+.quxiao{
+      margin-right:12px;
+      cursor: pointer;
+      width: 90px;
+      height: 32px;
+      background: #ffffff;
+      color:#0058e1;
+      border-radius: 2px;
+      border: 1px #0058e1 solid;
+    }
+    .quxiao:hover{
+      background: #fff;
+  color: #0558e1;
+  opacity: 0.8;
+    }
+    .tijiao{
+      margin-right:12px;
+      cursor: pointer;
+      width: 90px;
+      height: 32px;
+      background: #0058e1;
+      color:#ffffff;
+      border-radius: 2px;
+      border: 1px #0058e1 solid;
+      margin-left:20px;
+    }
+    .tijiao:hover{
+      background: #0558e1;
+      color: #fff;
+      opacity: 0.8;
+    }
  .queding {
    margin-left: 16px;
    cursor: pointer;
@ -2830,7 +2870,7 @@
      .rightContent {
        height: 1.75rem;
        width: 5.8rem;
-
+        margin-right:72px;
        .topContent {
          font-size: 0.2rem;
          color: #000;
@ -2859,10 +2899,20 @@
    // }
  }
  :deep(.ant-table-thead > tr > th) {
-    color: #5580f7 !important;
+    color: #0058e1 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
  }
+  :deep(.ant-table-tbody > tr.ant-table-row-selected > td){
+    background: #e6eefb;
+ }
+ :deep(.ant-checkbox-checked .ant-checkbox-inner){
+  background-color: #0058e1;
+ }
+ :deep(.ant-checkbox-indeterminate .ant-checkbox-inner::after){
+  background-color: #0058e1;
+ }
+
 </style>
 <style lang="less">
  .eia-dropdown-class {
@ -2894,16 +2944,19 @@

  .appModal {
    .ant-modal-body {
-      height: 4.8rem !important;
+      height: 3.8rem !important;
      overflow-y: scroll !important;
    }

    .ant-modal-title {
      font-weight: 600;
+      color:#fff;
    }
    
    .ant-modal-content {
      .ant-modal-header {
+        background: #0058e1;
+      margin-bottom: 16px;
        border-bottom: 0 !important;
      }
    }
--- a/front/src/views/home/integrationServices.vue
+++ b/front/src/views/home/integrationServices.vue
--- a/front/src/views/home/integrationServicesDetails.vue
+++ b/front/src/views/home/integrationServicesDetails.vue
@ -2,7 +2,10 @@
 <template>
  <div class="IntegrationServicesDetails" :class="{ fixed2: scrollTop >= 600 }">
    <home-header></home-header>
-    <detail-back v-show="!hiddenBackFlag" :returnType="returnType"></detail-back>
+    <detail-back
+      v-show="!hiddenBackFlag"
+      :returnType="returnType"
+    ></detail-back>
    <!-- 头部基本信息 -->
    <application-top-details
      :dataList="detailInfoObj"
@ -10,7 +13,7 @@
    ></application-top-details>

    <!-- 导航 -->
-    <div :class="{ fixed: scrollTop >= 600 }">
+    <div :class="{ fixed: scrollTop >= 600 }" style="z-index: 10012">
      <div class="application-navigation">
        <template v-for="nav in navList" :key="nav.key">
          <div
--- a/front/src/views/instructionManual/components/menuBook.vue
+++ b/front/src/views/instructionManual/components/menuBook.vue
@ -3,7 +3,7 @@
    <div class="content-box">
      <!-- 提供服务 -->
      <div class="img-bg service-box">
-        <div class="title" style="margin-bottom: 20px">
+        <div class="title titleMargin">
          <div class="text text-white">提供服务</div>
          <div class="line line-white"></div>
        </div>
@ -32,7 +32,12 @@
      <!-- 总体流程 -->
      <TheOverallProcess></TheOverallProcess>
      <!-- imgList -->
-      <div class="img-box" v-for="(item, i) in imgList" :key="i">
+      <div
+        class="img-box"
+        :class="item.btnText === '立即上架' ? '' : 'img-box-new'"
+        v-for="(item, i) in imgList"
+        :key="i"
+      >
        <div class="title">
          <div class="text">{{ item.name }}</div>
          <div class="line"></div>
@ -42,7 +47,12 @@
          :class="item.className"
          :style="{ 'background-image': `url(${item.bgImg || ''})` }"
        ></div>
-        <div v-if="item.btnText" class="btn" @click="toWhere(item.name)">
+        <div
+          v-if="item.btnText"
+          class="btn"
+          :class="item.btnText === '立即上架' ? '' : 'btn-new'"
+          @click="toWhere(item.name)"
+        >
          {{ item.btnText }} >>
        </div>
      </div>
@ -316,7 +326,6 @@
          align-items: center;
          height: 0.26rem;
        }
-
        .component-type-content {
          width: 100%;
          height: unset;
@ -420,6 +429,10 @@
      color: #fff;
    }
  }
+  .titleMargin {
+    margin-bottom: 20px;
+    padding-top: 52px;
+  }

  .btn {
    width: 150px;
@ -432,14 +445,21 @@
    border-radius: 2px;
    font-size: 16px;
    cursor: pointer;
-
+    background: white;
    &:hover {
      background: #e5eefc;
    }
  }
+  .btn-new {
+    position: relative;
+    top: -104px;
+  }

  .img-box {
-    margin-bottom: 50px;
+    margin-bottom: 0px;
+  }
+  .img-box-new {
+    margin-bottom: -60px;
  }

  .service-box {
--- a/front/src/views/instructionManual/index.vue
+++ b/front/src/views/instructionManual/index.vue
@ -195,7 +195,7 @@ onMounted(() => {

 .new-guide-box {
  position: absolute;
-  top: 300px;
+  top: 375px;
  right: 205px;
  width: 74px;
  height: 150px;
--- a/front/src/views/mynoticeView/components/NoticeList.vue
+++ b/front/src/views/mynoticeView/components/NoticeList.vue
--- a/front/src/views/newHome/components/WorkDynamics.vue
+++ b/front/src/views/newHome/components/WorkDynamics.vue
@ -619,7 +619,13 @@
      right: 0rem;
    }
  }
-  @media only screen and (min-width: 1921px) and (max-width: 3840px) {
+  @media only screen and (min-width: 1921px) and (max-width: 2560px) {
+    .fixedmount {
+      bottom: 1.56rem;
+      right: 0.37rem;
+    }
+  }
+  @media only screen and (min-width: 2561px) and (max-width: 3840px) {
    .fixedmount {
      bottom: 1.56rem;
      right: 9.6rem;
--- a/front/src/views/personalCenter/components/PurchaseVehicle.vue
+++ b/front/src/views/personalCenter/components/PurchaseVehicle.vue
@ -118,7 +118,7 @@
                    </div>
                    <!-- // todo -->
                    <span class="time">
-                      <span v-if="!itShowXiHaiAn">
+                      <span class="time-line" v-if="!itShowXiHaiAn">
                        加购时间:{{ item.time }}
                      </span>
                      <a-popconfirm
@ -128,7 +128,7 @@
                        @confirm="handleDelete(item, valIndex)"
                        @cancel="cancel"
                      >
-                        <a-button
+                        <!-- <a-button
                          type="primary"
                          style="
                            width: 0.7rem;
@ -141,7 +141,8 @@
                          @click="del"
                        >
                          删除
-                        </a-button>
+                        </a-button> -->
+                        <span class="del-record" @click="del"></span>
                      </a-popconfirm>
                    </span>
                    <svg
@ -852,13 +853,32 @@
          margin-left: 0.3rem;
          font-size: 0.12rem;
          color: #ccc;
+          display: flex;
+          align-content: center;
+          .time-line{
+            line-height: 32px;
+          }
+          .del-record {
+            width:32px;
+            height: 32px;
+            background: url('~@/assets/home/del.png') no-repeat;
+            cursor: pointer;
+            background-size: 100%;
+            margin-left: 0.12rem;
+            &:hover{
+              background: url('~@/assets/home/del-on.png') no-repeat;
+            }
+          }
        }

        .type {
          margin-left: 0.1rem;
          padding: 0.03rem 0.1rem;
          background: #00a7e3;
+          border-radius: 3px;
+          // background: linear-gradient(-80deg, transparent 10%, #00a7e3 10%, #00a7e3 90%, transparent 0);
          color: #fff;
+          transform: skewX(-10deg);
        }
        
        :deep(.ant-list-item-meta-description) {
@ -929,7 +949,7 @@
      }

      .sousuokuang {
-        width: 3.25rem;
+        width: 3.13rem;
        margin: 0.1rem 0rem 0.21rem 0.2rem;

        .ant-input-search {
@ -1104,6 +1124,7 @@
    width: 1rem;
    height: 0.36rem;
    border-radius: 2px;
+    margin-left: 0.12rem;
    background: #fff;
    color: #0558e1;
  }
@ -1114,4 +1135,5 @@
    margin-left: 0.12rem;
    border-radius: 2px;
  }
+  
 </style>