前台上架下一页

front/src/views/capacityOnTheShelf/Application.vue

@@ -24,6 +24,7 @@
     <div class="vue-box">
       <put-on-the-shelf
         v-if="showView === '基本信息' && refData.name"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :videoList="videoList"
@@ -38,15 +39,21 @@
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '功能介绍'"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :configure="gnjs"
+        @next="next()"
+        @back="back()"
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '关联组件'"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :configure="glzj"
+        @next="next()"
+        @back="back()"
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '部署与应用'"
@@ -54,6 +61,8 @@
         :dataFrom="dataFrom"
         :externalField="['共享条件', '共享类型']"
         :configure="bs"
+        @submit="submit()"
+        @back="back()"
       ></put-on-the-shelf>
       <!-- <application-essential-information
         v-if="showView === '基本信息' && refData.name"
@@ -82,12 +91,72 @@
     </div>
     <div class="btn" :class="showView === '基本信息' ? 'first' : ''">
       <button @click="close()">取消</button>
-      <button v-show="showView !== '基本信息'" @click="back()">上一步</button>
+
+      <a-popconfirm
+        v-if="
+          showView == '功能介绍' &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length !==
+            gnjs[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否返回上一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeGnjs('上一步')"
+        @cancel="cancel"
+      >
+        <button>上一步</button>
+      </a-popconfirm>
+      <button v-else-if="showView == '功能介绍'" @click="changeGnjs('上一步')">
+        上一步
+      </button>
+      <!-- 分割线 -->
+      <button
+        v-show="showView !== '基本信息' && showView === '部署与应用'"
+        @click="back()"
+      >
+        上一步
+      </button>
       <button v-show="showView === '部署与应用'" @click="preview()">
         预览
       </button>
-      <button v-show="showView !== '部署与应用'" @click="next()">下一步</button>
+      <button v-show="showView === '基本信息'" @click="next()">下一步</button>
-      <button v-show="showView === '部署与应用'" @click="submit()">提交</button>
+      <a-popconfirm
+        v-if="
+          showView == '功能介绍' &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length !==
+            gnjs[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否进行下一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeGnjs('下一步')"
+        @cancel="cancel"
+      >
+        <button>下一步</button>
+      </a-popconfirm>
+      <button v-else-if="showView == '功能介绍'" @click="changeGnjs('下一步')">
+        下一步
+      </button>
+      <a-popconfirm
+        v-if="
+          showView === '部署与应用' &&
+          bs[0].list.filter(
+            (val) => val.note1 !== '' && val.name !== '常见问题'
+          ).length > 0
+        "
+        title="如果常见问题未填写完整将会被丢弃，是否进行提交?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeBs('提交')"
+        @cancel="cancel"
+      >
+        <button>提交</button>
+      </a-popconfirm>
+      <button v-else-if="showView === '部署与应用'" @click="submit()">
+        提交
+      </button>
     </div>
   </div>
 </template>
@@ -291,6 +360,16 @@
       console.log('所有编目结构==============>', res.data.data)
     })
   }
+  // 特殊字段处理
+  const refPutOnTheShelf = ref(null)
+  const changeGnjs = (type) => {
+    refPutOnTheShelf.value.add('功能介绍', true, type)
+    console.log(refPutOnTheShelf.value)
+  }
+  const changeBs = (type) => {
+    console.log(refPutOnTheShelf)
+    refPutOnTheShelf.value.add('常见问题', true, type)
+  }
   init()
   mybus.on('chageDataFrom', (obj) => {
     if (obj.attrType == '技术文档' && obj.attrValue != null) {

front/src/views/capacityOnTheShelf/BusinessComponent.vue

@@ -24,6 +24,7 @@
     <div class="vue-box">
       <put-on-the-shelf
         v-if="showView === '基本信息' && refData.name"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :videoList="videoList"
@@ -39,34 +40,163 @@
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '功能介绍'"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :configure="gnjs"
+        @next="next()"
+        @back="back()"
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '应用场景'"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :configure="yycj"
+        @next="next()"
+        @back="back()"
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '部署与使用'"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :fileList="fileList"
         :fileList2="fileList2"
         :imgList="imgList"
         :configure="bs"
+        @submit="submit()"
+        @back="back()"
       ></put-on-the-shelf>
     </div>
     <div class="btn" :class="showView === '基本信息' ? 'first' : ''">
       <button @click="close()">取消</button>
-      <button v-show="showView !== '基本信息'" @click="back()">上一步</button>
+      <a-popconfirm
+        v-if="
+          showView == '功能介绍' &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length !==
+            gnjs[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否返回上一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeGnjs('上一步')"
+        @cancel="cancel"
+      >
+        <button>上一步</button>
+      </a-popconfirm>
+      <button
+        v-else-if="
+          showView == '功能介绍' &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length ==
+            gnjs[0].list.length
+        "
+        @click="changeSfys('上一步')"
+      >
+        上一步
+      </button>
+      <a-popconfirm
+        v-else-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          yycj[0].list.filter((val) => val.note1 !== '').length !==
+            yycj[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否返回上一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeYycj('上一步')"
+        @cancel="cancel"
+      >
+        <button>上一步</button>
+      </a-popconfirm>
+      <button
+        v-else-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length ==
+            yycj[0].list.length
+        "
+        @click="changeYycj('上一步')"
+      >
+        上一步
+      </button>
+      <button v-else-if="showView !== '基本信息'" @click="back()">
+        上一步
+      </button>
       <button v-show="showView === '部署与使用'" @click="preview()">
         预览
       </button>
-      <button v-show="showView !== '部署与使用'" @click="next()">下一步</button>
+      <a-popconfirm
-      <button v-show="showView === '部署与使用'" @click="submit()">提交</button>
+        v-if="
+          showView == '功能介绍' &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length !==
+            gnjs[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否进行下一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeGnjs('下一步')"
+        @cancel="cancel"
+      >
+        <button>下一步</button>
+      </a-popconfirm>
+      <button
+        v-else-if="
+          showView == '功能介绍' &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length ==
+            gnjs[0].list.length
+        "
+        @click="changeGnjs('下一步')"
+      >
+        下一步
+      </button>
+      <a-popconfirm
+        v-else-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          yycj[0].list.filter((val) => val.note1 !== '').length !==
+            yycj[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否进行下一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeYycj('下一步')"
+        @cancel="cancel"
+      >
+        <button>下一步</button>
+      </a-popconfirm>
+      <button
+        v-else-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length ==
+            yycj[0].list.length
+        "
+        @click="changeYycj('下一步')"
+      >
+        下一步
+      </button>
+      <button v-else-if="showView !== '部署与使用'" @click="next()">
+        下一步
+      </button>
+      <a-popconfirm
+        v-if="
+          showView === '部署与使用' &&
+          (bs[0].list.filter((val) => val.note1 !== '').length > 0 ||
+            bs[1].list.filter((val) => val.note1 !== '').length > 0)
+        "
+        title="如果常见问题未填写完整将会被丢弃，是否进行提交?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeBs('提交')"
+        @cancel="cancel"
+      >
+        <button>提交</button>
+      </a-popconfirm>
+      <button v-else-if="showView === '部署与使用'" @click="submit()">
+        提交
+      </button>
     </div>
   </div>
 </template>
@@ -279,6 +409,19 @@
       })
     }
   }
+  // 特殊字段处理
+  const refPutOnTheShelf = ref(null)
+  const changeGnjs = (type) => {
+    refPutOnTheShelf.value.add('功能介绍', true, type)
+  }
+  const changeYycj = (type) => {
+    console.log(refPutOnTheShelf)
+    refPutOnTheShelf.value.add('应用场景', true, type)
+  }
+  const changeBs = (type) => {
+    console.log(refPutOnTheShelf)
+    refPutOnTheShelf.value.add('常见问题', true, type)
+  }
   const init = () => {
     getCategoryTree().then((res) => {
       // console.clear()

front/src/views/capacityOnTheShelf/DevelopmentComponents.vue

@@ -40,33 +40,162 @@
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '功能介绍'"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :configure="gnjs"
+        @next="next()"
+        @back="back()"
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '应用场景'"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :configure="yycj"
+        @next="next()"
+        @back="back()"
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '部署与使用'"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :fileList="fileList"
         :fileList2="fileList2"
         :configure="bs"
+        @submit="submit()"
+        @back="back()"
       ></put-on-the-shelf>
     </div>
     <div class="btn" :class="showView === '基本信息' ? 'first' : ''">
       <button @click="close()">取消</button>
-      <button v-show="showView !== '基本信息'" @click="back()">上一步</button>
+      <a-popconfirm
+        v-if="
+          showView == '功能介绍' &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length !==
+            gnjs[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否返回上一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeGnjs('上一步')"
+        @cancel="cancel"
+      >
+        <button>上一步</button>
+      </a-popconfirm>
+      <button
+        v-else-if="
+          showView == '功能介绍' &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length ==
+            gnjs[0].list.length
+        "
+        @click="changeSfys('上一步')"
+      >
+        上一步
+      </button>
+      <a-popconfirm
+        v-else-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          yycj[0].list.filter((val) => val.note1 !== '').length !==
+            yycj[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否返回上一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeYycj('上一步')"
+        @cancel="cancel"
+      >
+        <button>上一步</button>
+      </a-popconfirm>
+      <button
+        v-else-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length ==
+            yycj[0].list.length
+        "
+        @click="changeYycj('上一步')"
+      >
+        上一步
+      </button>
+      <button v-else-if="showView !== '基本信息'" @click="back()">
+        上一步
+      </button>
       <button v-show="showView === '部署与使用'" @click="preview()">
         预览
       </button>
-      <button v-show="showView !== '部署与使用'" @click="next()">下一步</button>
+      <a-popconfirm
-      <button v-show="showView === '部署与使用'" @click="submit()">提交</button>
+        v-if="
+          showView == '功能介绍' &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length !==
+            gnjs[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否进行下一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeGnjs('下一步')"
+        @cancel="cancel"
+      >
+        <button>下一步</button>
+      </a-popconfirm>
+      <button
+        v-else-if="
+          showView == '功能介绍' &&
+          gnjs[0].list.filter((val) => val.note1 !== '').length ==
+            gnjs[0].list.length
+        "
+        @click="changeGnjs('下一步')"
+      >
+        下一步
+      </button>
+      <a-popconfirm
+        v-else-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          yycj[0].list.filter((val) => val.note1 !== '').length !==
+            yycj[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否进行下一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeYycj('下一步')"
+        @cancel="cancel"
+      >
+        <button>下一步</button>
+      </a-popconfirm>
+      <button
+        v-else-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length ==
+            yycj[0].list.length
+        "
+        @click="changeYycj('下一步')"
+      >
+        下一步
+      </button>
+      <button v-else-if="showView !== '部署与使用'" @click="next()">
+        下一步
+      </button>
+      <a-popconfirm
+        v-if="
+          showView === '部署与使用' &&
+          (bs[0].list.filter((val) => val.note1 !== '').length > 0 ||
+            bs[1].list.filter((val) => val.note1 !== '').length > 0)
+        "
+        title="如果常见问题未填写完整将会被丢弃，是否进行提交?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeBs('提交')"
+        @cancel="cancel"
+      >
+        <button>提交</button>
+      </a-popconfirm>
+      <button v-else-if="showView === '部署与使用'" @click="submit()">
+        提交
+      </button>
     </div>
   </div>
 </template>
@@ -242,6 +371,19 @@
     })
     window.open(newpage.href, '_blank')
   }
+  // 特殊字段处理
+  const refPutOnTheShelf = ref(null)
+  const changeGnjs = (type) => {
+    refPutOnTheShelf.value.add('功能介绍', true, type)
+  }
+  const changeYycj = (type) => {
+    console.log(refPutOnTheShelf)
+    refPutOnTheShelf.value.add('应用场景', true, type)
+  }
+  const changeBs = (type) => {
+    console.log(refPutOnTheShelf)
+    refPutOnTheShelf.value.add('常见问题', true, type)
+  }
   const submit = () => {
     console.log('提交数据=============>', dataFrom.value)
     if (submitFlag.value) {

front/src/views/capacityOnTheShelf/LayerServices.vue

@@ -24,6 +24,7 @@
     <div class="vue-box">
       <put-on-the-shelf
         v-if="showView === '基本信息' && refData.name"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :imgList="imgList"
@@ -39,32 +40,108 @@
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '图层信息'"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '应用场景'"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :configure="yycj"
+        @next="next()"
+        @back="back()"
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '部署与使用'"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :fileList="fileList"
         :fileList2="fileList2"
         :configure="bs"
+        @submit="submit()"
+        @back="back()"
       ></put-on-the-shelf>
     </div>
     <div class="btn" :class="showView === '基本信息' ? 'first' : ''">
       <button @click="close()">取消</button>
-      <button v-show="showView !== '基本信息'" @click="back()">上一步</button>
+      <a-popconfirm
+        v-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          yycj[0].list.filter((val) => val.note1 !== '').length !==
+            yycj[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否返回上一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeYycj('上一步')"
+        @cancel="cancel"
+      >
+        <button>上一步</button>
+      </a-popconfirm>
+      <button
+        v-else-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length ==
+            yycj[0].list.length
+        "
+        @click="changeYycj('上一步')"
+      >
+        上一步
+      </button>
+      <button v-else-if="showView !== '基本信息'" @click="back()">
+        上一步
+      </button>
       <button v-show="showView === '部署与使用'" @click="preview()">
         预览
       </button>
-      <button v-show="showView !== '部署与使用'" @click="next()">下一步</button>
+      <a-popconfirm
-      <button v-show="showView === '部署与使用'" @click="submit()">提交</button>
+        v-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          yycj[0].list.filter((val) => val.note1 !== '').length !==
+            yycj[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否进行下一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeYycj('下一步')"
+        @cancel="cancel"
+      >
+        <button>下一步</button>
+      </a-popconfirm>
+      <button
+        v-else-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length ==
+            yycj[0].list.length
+        "
+        @click="changeYycj('下一步')"
+      >
+        下一步
+      </button>
+      <button v-else-if="showView !== '部署与使用'" @click="next()">
+        下一步
+      </button>
+      <a-popconfirm
+        v-if="
+          showView === '部署与使用' &&
+          bs[0].list.filter((val) => val.note1 !== '').length > 0
+        "
+        title="如果常见问题未填写完整将会被丢弃，是否进行提交?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeBs('提交')"
+        @cancel="cancel"
+      >
+        <button>提交</button>
+      </a-popconfirm>
+      <button v-else-if="showView === '部署与使用'" @click="submit()">
+        提交
+      </button>
     </div>
   </div>
 </template>
@@ -190,6 +267,16 @@
     })
     window.open(newpage.href, '_blank')
   }
+  // 特殊字段处理
+  const refPutOnTheShelf = ref(null)
+  const changeYycj = (type) => {
+    console.log(refPutOnTheShelf)
+    refPutOnTheShelf.value.add('应用场景', true, type)
+  }
+  const changeBs = (type) => {
+    console.log(refPutOnTheShelf)
+    refPutOnTheShelf.value.add('常见问题', true, type)
+  }
   const submit = () => {
     console.log('提交数据=============>', dataFrom.value)
     if (submitFlag.value) {