From 22575eb7ccd722f13f3e0edf3c06f75b503b0b32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=AE=BF=E6=98=95?= <liudianxin@bd-apaas.com>
Date: Wed, 21 Oct 2020 19:01:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E6=B5=8B=E8=AF=95=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/index.css                 |   4 +-
 src/components/general/upload_file.vue   |  31 +-
 src/components/menu.vue                  |   2 +-
 src/components/shop-cloud/shop-cloud.vue |  12 +-
 src/pages/service_shop/shop_list.vue     |  20 -
 src/pages/workbench/fwzc_fwcs.vue        | 886 +++++++++++++++++++++--
 6 files changed, 858 insertions(+), 97 deletions(-)

diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index b79bed5..7d4632a 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -475,8 +475,8 @@ border-radius:8px;
 }
 /* 单选激活样式 */
 .el-radio__input.is-checked .el-radio__inner {
-  border-color: #838383;
-  background-color: #fff;
+  border-color: #e3e5ef;
+  background-color: #f7f8f9;
 }
 .el-radio__input.is-checked + .el-radio__label {
   color: #1a2236;
diff --git a/src/components/general/upload_file.vue b/src/components/general/upload_file.vue
index e1d0084..4cc80c2 100644
--- a/src/components/general/upload_file.vue
+++ b/src/components/general/upload_file.vue
@@ -14,28 +14,34 @@
         class="eeupload"
         action="/apaas/static/image/upload"
         :file-list="fileArray"
-        :list-type="type=='picture'?'picture-card':''"
+        :list-type="type == 'picture' ? 'picture-card' : ''"
         :limit="max"
         :multiple="multiple"
         :on-remove="handleRemove"
         :on-success="handleAvatarSuccess"
         :before-upload="beforeAvatarUpload"
-        :class="{hide:hideUpload || readOnly}"
+        :class="{ hide: hideUpload || readOnly }"
         :readOnly="readOnly"
         :data="anotherData"
         :drag="drag"
         :disabled="disabled"
+        :accept="accepts"
       >
         <div v-if="drag">
           <i class="el-icon-upload"></i>
           <div class="el-upload__text">
-            将文件拖到此处，或
-            <em>点击上传</em>
+            <span class="up_fz">将文件拖到此处，或</span>
+            <em>点击上传</em><br />
+            <span class="up_fz">{{ up_fz }}</span>
           </div>
         </div>
-        <el-button size="small" type="primary" v-if="!drag && type=='default'">上传文件</el-button>
-        <div slot="tip" class="el-upload__tip" v-if="!drag && type=='mp3'">支持文件格式：.mp3，单个文件不能超过20M。</div>
-        <i class="el-icon-plus" v-if="!drag && type=='picture'"></i>
+        <el-button size="small" type="primary" v-if="!drag && type == 'default'"
+          >上传文件</el-button
+        >
+        <div slot="tip" class="el-upload__tip" v-if="!drag && type == 'mp3'">
+          支持文件格式：.mp3，单个文件不能超过20M。
+        </div>
+        <i class="el-icon-plus" v-if="!drag && type == 'picture'"></i>
       </el-upload>
     </div>
   </div>
@@ -97,6 +103,14 @@ export default {
       type: Boolean,
       default: false,
     },
+    up_fz: {
+      type: String,
+      default: "",
+    },
+    accepts: {
+      type: String,
+      default: "",
+    },
   },
   watch: {
     list(value) {
@@ -217,4 +231,7 @@ export default {
 .hide .el-upload--picture-card {
   display: none;
 }
+.up_fz {
+  color: #a9aec0;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/menu.vue b/src/components/menu.vue
index f5fd0d5..4cb40cd 100644
--- a/src/components/menu.vue
+++ b/src/components/menu.vue
@@ -254,7 +254,7 @@ export default {
       if (v.visit_url) {
         if (v.visit_url == "/fwgl/" || v.visit_url == "/yygl/") {
           this.$router.push(v.visit_url + this.$store.getters.level);
-        } else if (parent == "/shop") {
+        } else if (parent == "/services_shop") {
           this.$store.commit("serviceShopMenuAct", v.visit_url);
           this.$router.push(v.visit_url);
         } else {
diff --git a/src/components/shop-cloud/shop-cloud.vue b/src/components/shop-cloud/shop-cloud.vue
index eecc306..054a248 100644
--- a/src/components/shop-cloud/shop-cloud.vue
+++ b/src/components/shop-cloud/shop-cloud.vue
@@ -222,7 +222,7 @@
                       </el-select>
                     </el-form-item>
                   </el-col>
-                  <el-col :span="22">
+                  <el-col :span="24">
                     <el-form-item class="form_item">
                       <div class="form_item_title">申请文件：</div>
                       <info-list :list_arr="docTemplate" class="doc_template"></info-list>
@@ -234,6 +234,7 @@
                         :readOnly="false"
                         :drag="true"
                         @getNewList="getNewList"
+                        class="up_f"
                       ></upload-file>
                     </el-form-item>
                   </el-col>
@@ -1549,6 +1550,9 @@ export default {
 .doc_template {
   margin: 0 0 10px 20px;
 }
+.up_f {
+  width: calc(50% - 10px);
+}
 </style>
 <style>
 .form_block .el-input .el-input__inner {
@@ -1668,4 +1672,10 @@ export default {
   padding-left: 15px;
   padding-right: 40px;
 }
+.up_f .el-upload {
+  width: 100%;
+}
+.up_f .el-upload-dragger {
+  width: 100%;
+}
 </style>
diff --git a/src/pages/service_shop/shop_list.vue b/src/pages/service_shop/shop_list.vue
index f606654..f479fed 100644
--- a/src/pages/service_shop/shop_list.vue
+++ b/src/pages/service_shop/shop_list.vue
@@ -6,31 +6,11 @@
       </el-aside>
       <el-main>
         <service-list
-          v-show="urlFilter != '7' && urlFilter != '10'"
           :filterNames="filterNames"
           :name="name"
           :url="url"
           :urlFilter="urlFilter"
         ></service-list>
-        <div v-show="urlFilter == '7' || urlFilter == '10'">
-          <el-breadcrumb separator="/" class="bread_crumb1 bread_left">
-            <el-breadcrumb-item :to="{ path: '/shop' }">
-              {{
-              $t("lang.service_shop")
-              }}
-            </el-breadcrumb-item>
-            <el-breadcrumb-item>{{ name }}</el-breadcrumb-item>
-          </el-breadcrumb>
-          <BlockRadius class="default">
-            <div class="default_img">
-              <h1 class="default_title">开发中，敬请期待！</h1>
-              <h3 class="default_msg">
-                如需技术支持
-                <br />请联系管理员
-              </h3>
-            </div>
-          </BlockRadius>
-        </div>
       </el-main>
     </el-container>
   </div>
diff --git a/src/pages/workbench/fwzc_fwcs.vue b/src/pages/workbench/fwzc_fwcs.vue
index 7e994bf..a4a2c23 100644
--- a/src/pages/workbench/fwzc_fwcs.vue
+++ b/src/pages/workbench/fwzc_fwcs.vue
@@ -1,19 +1,33 @@
 <template>
   <div class="fwcs">
     <el-breadcrumb v-if="is_map != 0" separator="/" class="bread_crumb">
-      <el-breadcrumb-item :to="{ path: '/workplace' }">在线组件工具</el-breadcrumb-item>
-      <el-breadcrumb-item :to="{ path: '/intelligent_drawing' }">智能制图</el-breadcrumb-item>
+      <el-breadcrumb-item :to="{ path: '/workplace' }"
+        >在线组件工具</el-breadcrumb-item
+      >
+      <el-breadcrumb-item :to="{ path: '/intelligent_drawing' }"
+        >智能制图</el-breadcrumb-item
+      >
       <el-breadcrumb-item>发布信息填写</el-breadcrumb-item>
     </el-breadcrumb>
-    <el-breadcrumb v-else-if="process_id != ''" separator="/" class="bread_crumb">
-      <el-breadcrumb-item :to="{ path: '/workplace' }">在线组件工具</el-breadcrumb-item>
-      <el-breadcrumb-item :to="{ path: '/progress/designer' }">流程设计</el-breadcrumb-item>
+    <el-breadcrumb
+      v-else-if="process_id != ''"
+      separator="/"
+      class="bread_crumb"
+    >
+      <el-breadcrumb-item :to="{ path: '/workplace' }"
+        >在线组件工具</el-breadcrumb-item
+      >
+      <el-breadcrumb-item :to="{ path: '/progress/designer' }"
+        >流程设计</el-breadcrumb-item
+      >
       <el-breadcrumb-item>发布信息填写</el-breadcrumb-item>
     </el-breadcrumb>
     <el-breadcrumb v-else separator="/" class="bread_crumb">
       <el-breadcrumb-item :to="{ path: '/fwzc' }">服务注册</el-breadcrumb-item>
       <el-breadcrumb-item v-if="!jcxxtx">服务测试</el-breadcrumb-item>
-      <el-breadcrumb-item v-else :to="{ path: '/fwzc' }">服务测试</el-breadcrumb-item>
+      <el-breadcrumb-item v-else :to="{ path: '/fwzc' }"
+        >服务测试</el-breadcrumb-item
+      >
       <el-breadcrumb-item v-if="jcxxtx">基础信息填写</el-breadcrumb-item>
     </el-breadcrumb>
     <div v-if="!jcxxtx">
@@ -23,7 +37,7 @@
             v-for="(item, index) in btnList"
             :key="item.id"
             @click="clickBtn(index)"
-            :class="activeBtn == index ? 'fwcs_btn_act':'fwcs_btn_dis'"
+            :class="activeBtn == index ? 'fwcs_btn_act' : 'fwcs_btn_dis'"
           >
             <img
               v-if="activeBtn == index"
@@ -41,7 +55,12 @@
         <div class="gray_line"></div>
         <div v-if="activeBtn == 4">
           <div class="sqxx_title">服务类型：</div>
-          <el-select @change="changeZhType" v-model="zhyyVal" placeholder="请选择" class="zhyy_select">
+          <el-select
+            @change="changeZhType"
+            v-model="zhyyVal"
+            placeholder="请选择"
+            class="zhyy_select"
+          >
             <el-option
               v-for="item in optionsZhyy"
               :key="item.id"
@@ -50,15 +69,58 @@
             ></el-option>
           </el-select>
         </div>
-        <div class="fwcs_fwdz">服务地址：</div>
-        <div class="fwcs_fwdz_inner">
+        <div v-if="activeBtn == 4 && zhyyVal == 24" class="lc_alert">
+          <i class="el-icon-warning-outline"></i>
+          <p>
+            说明：支持多个流程服务接口的注册，若流程服务包含多个接口，每个接口需分别注册为独立的服务地址才可使用。<br />
+            示例：http(s)://www.apaas.com(自有域名)/xxx，其中xxx为该流程服务的不同接口后缀，需分别进行单个接口的注册。<br />
+            比如：服务地址1：http(s)://www.apaas.com(自有域名)/create(用于新建流程实例)
+            <br />
+            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;服务地址2：http(s)://www.apaas.com(自有域名)/query
+            （用于查询流程状态）
+          </p>
+        </div>
+        <div v-if="(activeBtn == 4 && zhyyVal == 24) || activeBtn == 3">
+          <div class="fwcs_fwdz">
+            上传接口文档
+            <span class="title_bc">（请上传所有服务地址完整接口文档）</span>：
+          </div>
+          <upload-file
+            :multiple="false"
+            :unique="false"
+            :max="1"
+            type="zip"
+            :readOnly="false"
+            :drag="true"
+            @getNewList="getNewListOne"
+            class="lc_upf"
+            up_fz="支持.pdf，.docx，.doc，.zip，.rar 格式文件"
+            accepts=".pdf, .docx, .doc, .zip, .rar"
+          ></upload-file>
+        </div>
+        <div v-if="activeBtn == 3">
+          <div class="fwcs_fwdz">返回数据格式</div>
+          <el-radio-group v-model="gz_fhsjgs" class="gz_fhsjgs_rad">
+            <el-radio label="JSON">JSON</el-radio>
+            <el-radio label="XML">XML</el-radio>
+          </el-radio-group>
+        </div>
+        <div v-if="!(activeBtn == 4 && zhyyVal == 24)" class="fwcs_fwdz">
+          服务地址：
+        </div>
+        <div v-if="!(activeBtn == 4 && zhyyVal == 24)" class="fwcs_fwdz_inner">
           <el-input
             placeholder="请输入内容"
             @input="getUrl"
             v-model="serviceUrl"
             class="input-with-select"
           >
-            <el-select v-if="activeBtn == 1" v-model="select" slot="prepend" placeholder="请选择">
+            <el-select
+              v-if="activeBtn == 1"
+              v-model="select"
+              slot="prepend"
+              placeholder="请选择"
+            >
               <el-option
                 v-for="item in optionType1"
                 :key="item.value"
@@ -66,7 +128,12 @@
                 :value="item.value"
               ></el-option>
             </el-select>
-            <el-select v-else v-model="select" slot="prepend" placeholder="请选择">
+            <el-select
+              v-else
+              v-model="select"
+              slot="prepend"
+              placeholder="请选择"
+            >
               <el-option
                 v-for="item in optionType"
                 :key="item.value"
@@ -75,13 +142,11 @@
               ></el-option>
             </el-select>
           </el-input>
-          <el-button
-            v-if="activeBtn == 0 || activeBtn == 1 || activeBtn == 4"
-            @click="clickFwcs()"
-            class="fwcs_btn_fwcs"
-          >服务测试</el-button>
+          <el-button @click="clickFwcs()" class="fwcs_btn_fwcs"
+            >服务测试</el-button
+          >
         </div>
-        <div v-if="activeBtn == 0">
+        <div v-if="activeBtn == 0 || activeBtn == 3">
           <el-tabs v-model="activeName" class="fwcs_tabs" @tab-click="clickTab">
             <el-tab-pane label="请求参数" name="0">
               <ces-table
@@ -118,7 +183,11 @@
               <el-row class="sqxx_row">
                 <el-col :span="6">
                   <div class="sqxx_title">授权方式：</div>
-                  <el-select v-model="sqfsVal" placeholder="请选择" class="sqxx_select">
+                  <el-select
+                    v-model="sqfsVal"
+                    placeholder="请选择"
+                    class="sqxx_select"
+                  >
                     <el-option
                       v-for="item in optionsSq"
                       :key="item.value"
@@ -132,7 +201,10 @@
                 </el-col>
                 <el-col :span="16">
                   <div class="sqxx_title">Token：</div>
-                  <el-input v-model="tokenVal" placeholder="请输入内容"></el-input>
+                  <el-input
+                    v-model="tokenVal"
+                    placeholder="请输入内容"
+                  ></el-input>
                 </el-col>
               </el-row>
             </el-tab-pane>
@@ -146,10 +218,11 @@
               :key="item.name"
               v-model="skfwQqt"
               :label="item.id"
-            >{{ item.name }}</el-radio>
+              >{{ item.name }}</el-radio
+            >
           </div>
         </div>
-        <div v-if="activeBtn == 4 && zhyyVal != 34">
+        <div v-if="activeBtn == 4 && zhyyVal != 34 && zhyyVal != 24">
           <el-tabs v-model="activeZh" class="fwcs_tabs" @tab-click="clickTab">
             <el-tab-pane label="请求参数" name="0">
               <ces-table
@@ -179,7 +252,9 @@
                 <el-radio-group v-model="zhfwQqt" @change="changeZhfwQqt">
                   <el-radio label="JSON">JSON</el-radio>
                   <el-radio label="form-data">form-data</el-radio>
-                  <el-radio label="x-www-form-urlencoded">x-www-form-urlencoded</el-radio>
+                  <el-radio label="x-www-form-urlencoded"
+                    >x-www-form-urlencoded</el-radio
+                  >
                 </el-radio-group>
               </div>
               <div v-show="zhfwQqt == 'JSON'">
@@ -236,7 +311,12 @@
       </block-radius>
       <block-radius v-show="resultShow">
         <div
-          v-show="(activeBtn == 0 || activeBtn == 4 && (zhyyVal == 22 || zhyyVal == 23)) && resSuccess"
+          v-show="
+            (activeBtn == 0 ||
+              activeBtn == 3 ||
+              (activeBtn == 4 && (zhyyVal == 22 || zhyyVal == 23))) &&
+            resSuccess
+          "
         >
           <div class="sjfw_qqcstx">请求参数信息填写：</div>
           <ces-table
@@ -281,43 +361,300 @@
             headerCellClassName="th_pink"
           ></ces-table>
         </div>
-        <div v-show="(activeBtn == 1 || (activeBtn == 4 && zhyyVal == 34)) && resSuccess">
+        <div
+          v-show="
+            (activeBtn == 1 || (activeBtn == 4 && zhyyVal == 34)) && resSuccess
+          "
+        >
           <div class="skfw_csfwxx">测试服务信息：</div>
           <div class="test_succ">
             <div class="skcs_jg">
-              <img src="@/assets/imgs/test_icon_success.png" class="skcs_jg_img" />&nbsp;测试成功
+              <img
+                src="@/assets/imgs/test_icon_success.png"
+                class="skcs_jg_img"
+              />&nbsp;测试成功
             </div>
           </div>
         </div>
-        <div v-show="(activeBtn == 0 || activeBtn == 1 || activeBtn == 4) && !resSuccess">
+        <div
+          v-show="
+            (activeBtn == 0 ||
+              activeBtn == 1 ||
+              activeBtn == 3 ||
+              activeBtn == 4) &&
+            !resSuccess
+          "
+        >
           <div class="skfw_csfwxx">测试服务信息：</div>
           <div class="test_succ">
             <div class="skcs_jg">
-              <img src="@/assets/imgs/test_icon_error.png" class="skcs_jg_img" />&nbsp;测试失败
+              <img
+                src="@/assets/imgs/test_icon_error.png"
+                class="skcs_jg_img"
+              />&nbsp;测试失败
             </div>
           </div>
         </div>
         <div class="btn_footer">
-          <el-button class="reset" v-if="activeBtn == 0 && resSuccess" @click="resetSjfw">重置</el-button>
-          <el-button :disabled="!resSuccess" :class="resSuccess ? 'next':''" @click="nextJcxx">下一步</el-button>
+          <el-button
+            class="reset"
+            v-if="activeBtn == 0 && resSuccess"
+            @click="resetSjfw"
+            >重置</el-button
+          >
+          <el-button
+            :disabled="!resSuccess"
+            :class="resSuccess ? 'next' : ''"
+            @click="nextJcxx"
+            >下一步</el-button
+          >
         </div>
       </block-radius>
+      <div v-if="activeBtn == 4 && zhyyVal == 24">
+        <!-- 24 -->
+        <block-radius
+          v-for="(itemOne, indexOne) in liucheng_list"
+          :key="`liucheng_${indexOne}`"
+        >
+          <div class="one_service">
+            <div class="one_name">服务接口名称：</div>
+            <div class="one_name_in">
+              <el-form
+                :model="itemOne"
+                :rules="rulesOne"
+                :ref="`ruleFormOne_${indexOne}`"
+              >
+                <el-form-item prop="one_input">
+                  <el-input
+                    v-model="itemOne.one_input"
+                    placeholder="请输入内容"
+                  >
+                  </el-input>
+                </el-form-item>
+              </el-form>
+            </div>
+            <div class="one_url">服务地址{{ indexOne + 1 }}：</div>
+            <div class="fwcs_fwdz_inner">
+              <el-input
+                placeholder="请输入内容"
+                @input="
+                  (val) => {
+                    getUrlOne(val, indexOne);
+                  }
+                "
+                v-model="itemOne.serviceUrl"
+                class="input-with-select"
+              >
+                <el-select
+                  v-model="itemOne.select"
+                  slot="prepend"
+                  placeholder="请选择"
+                >
+                  <el-option
+                    v-for="item in optionType"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  ></el-option>
+                </el-select>
+              </el-input>
+              <el-button @click="clickFwcsOne(indexOne)" class="fwcs_btn_fwcs"
+                >服务测试</el-button
+              >
+            </div>
+            <el-tabs
+              v-model="itemOne.activeName"
+              class="fwcs_tabs"
+              @tab-click="clickTabOne"
+            >
+              <el-tab-pane label="请求参数" name="0">
+                <ces-table
+                  :ref="`one_qqcs_${indexOne}`"
+                  size="mini"
+                  :border="true"
+                  :headers="sjfwQqcs"
+                  url
+                  :datas="itemOne.datasSj"
+                  :searchShow="false"
+                  :addRowBtn="false"
+                  :autoAdd="true"
+                  :isDialog="false"
+                  :isSelection="false"
+                  :isIndex="true"
+                  :radius="true"
+                  :emptyText="emptyText"
+                  :stripe="false"
+                  :paginationShow="false"
+                  :pageSizeShow="false"
+                  headerCellClassName="th_pink"
+                  @changeTable="
+                    (val) => {
+                      changeTableOne(val, indexOne);
+                    }
+                  "
+                ></ces-table>
+              </el-tab-pane>
+              <el-tab-pane label="请求体" name="1">
+                <div class="sjfw_qqt">
+                  <el-radio-group v-model="itemOne.sjfwQqt">
+                    <el-radio label="JSON">JSON</el-radio>
+                  </el-radio-group>
+                </div>
+                <v-apaas-code :ref="`one_json_${indexOne}`"></v-apaas-code>
+              </el-tab-pane>
+              <el-tab-pane label="授权信息" name="2">
+                <el-row class="sqxx_row">
+                  <el-col :span="6">
+                    <div class="sqxx_title">授权方式：</div>
+                    <el-select
+                      v-model="itemOne.sqfsVal"
+                      placeholder="请选择"
+                      class="sqxx_select"
+                    >
+                      <el-option
+                        v-for="item in optionsSq"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                      ></el-option>
+                    </el-select>
+                  </el-col>
+                  <el-col :span="2" class="center_line_c">
+                    <div class="center_line_one"></div>
+                  </el-col>
+                  <el-col :span="16">
+                    <div class="sqxx_title">Token：</div>
+                    <el-input
+                      v-model="itemOne.tokenVal"
+                      placeholder="请输入内容"
+                    ></el-input>
+                  </el-col>
+                </el-row>
+              </el-tab-pane>
+            </el-tabs>
+            <div v-show="itemOne.resultShow">
+              <div v-show="itemOne.resSuccess">
+                <div class="sjfw_qqcstx">请求参数信息填写：</div>
+                <ces-table
+                  :ref="`one_qqxx_${indexOne}`"
+                  size="mini"
+                  :border="true"
+                  :headers="sjfwQqcstx"
+                  url
+                  :datas="itemOne.datasQqcs"
+                  :searchShow="false"
+                  :addRowBtn="false"
+                  :autoAdd="false"
+                  :isDialog="false"
+                  :isSelection="false"
+                  :isIndex="true"
+                  :radius="true"
+                  :emptyText="emptyText"
+                  :stripe="false"
+                  :paginationShow="false"
+                  :pageSizeShow="false"
+                  headerCellClassName="th_pink"
+                ></ces-table>
+                <div class="sjfw_fhcstx">返回参数信息填写：</div>
+                <ces-table
+                  :ref="`one_fhxx_${indexOne}`"
+                  size="mini"
+                  :border="true"
+                  :headers="sjfwFhcstx"
+                  url
+                  :datas="itemOne.datasFhcs"
+                  :searchShow="false"
+                  :addRowBtn="false"
+                  :autoAdd="false"
+                  :isDialog="false"
+                  :isSelection="false"
+                  :isIndex="true"
+                  :radius="true"
+                  :emptyText="emptyText"
+                  :stripe="false"
+                  :paginationShow="false"
+                  :pageSizeShow="false"
+                  headerCellClassName="th_pink"
+                ></ces-table>
+              </div>
+              <div v-show="!itemOne.resSuccess">
+                <div class="skfw_csfwxx">测试服务信息：</div>
+                <div class="test_succ">
+                  <div class="skcs_jg">
+                    <img
+                      src="@/assets/imgs/test_icon_error.png"
+                      class="skcs_jg_img"
+                    />&nbsp;测试失败
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="btn_footer_one">
+              <el-button
+                v-if="
+                  indexOne + 1 == liucheng_list.length && itemOne.resSuccess
+                "
+                class="new_one"
+                @click="newOne(indexOne)"
+                >新增服务地址</el-button
+              >
+              <el-button
+                v-if="!(indexOne + 1 == liucheng_list.length)"
+                class="del_one"
+                @click="delOne(indexOne)"
+                >移除</el-button
+              >
+              <el-button
+                v-if="itemOne.resultShow"
+                class="reset_one"
+                @click="resetOne(indexOne)"
+                >重置</el-button
+              >
+              <el-button
+                v-if="
+                  indexOne + 1 == liucheng_list.length && itemOne.resSuccess
+                "
+                class="next_one"
+                @click="nextOne"
+                >下一步</el-button
+              >
+            </div>
+          </div>
+        </block-radius>
+      </div>
     </div>
     <div v-else>
       <block-radius>
         <div class="fwcs_add">
-          <el-form ref="form" :model="form" :rules="process_id == '' ? rules : rules_process">
+          <el-form
+            ref="form"
+            :model="form"
+            :rules="process_id == '' ? rules : rules_process"
+          >
             <el-form-item prop="name">
               <p class="formname">服务名称：</p>
-              <el-input v-model="form.name" placeholder="请输入服务名称" class="form_in"></el-input>
+              <el-input
+                v-model="form.name"
+                placeholder="请输入服务名称"
+                class="form_in"
+              ></el-input>
             </el-form-item>
             <el-form-item prop="desc">
               <p class="formname">服务描述：</p>
-              <el-input type="textarea" v-model="form.desc" placeholder="请输入服务描述" class="form_in"></el-input>
+              <el-input
+                type="textarea"
+                v-model="form.desc"
+                placeholder="请输入服务描述"
+                class="form_in"
+              ></el-input>
             </el-form-item>
             <el-form-item prop="area">
               <p class="formname">服务领域：</p>
-              <el-select v-model="form.area" placeholder="请选择" class="form_in">
+              <el-select
+                v-model="form.area"
+                placeholder="请选择"
+                class="form_in"
+              >
                 <el-option
                   v-for="item in optionsArea"
                   :key="item.id"
@@ -328,7 +665,11 @@
             </el-form-item>
             <el-form-item prop="origin">
               <p class="formname">所属组织：</p>
-              <el-input v-model="form.origin" class="form_in" :disabled="true"></el-input>
+              <el-input
+                v-model="form.origin"
+                class="form_in"
+                :disabled="true"
+              ></el-input>
             </el-form-item>
             <el-form-item>
               <p class="formname">服务封面：</p>
@@ -343,7 +684,11 @@
             </el-form-item>
             <el-form-item>
               <p class="formname">接口编码：</p>
-              <el-input v-model="form.code" class="form_in" :disabled="true"></el-input>
+              <el-input
+                v-model="form.code"
+                class="form_in"
+                :disabled="true"
+              ></el-input>
             </el-form-item>
             <el-form-item prop="resource">
               <p class="formname">开放程度：</p>
@@ -354,15 +699,20 @@
               </el-radio-group>
             </el-form-item>
             <el-form-item v-if="is_map != 0" class="btn_footer">
-              <el-button
-                class="previous"
-                @click="goBack('map')"
-              >{{ is_map == 1 ? "返回智能制图" : "返回Web应用程序" }}</el-button>
-              <el-button class="registe" @click="registeMap">服务发布</el-button>
+              <el-button class="previous" @click="goBack('map')">{{
+                is_map == 1 ? "返回智能制图" : "返回Web应用程序"
+              }}</el-button>
+              <el-button class="registe" @click="registeMap"
+                >服务发布</el-button
+              >
             </el-form-item>
             <el-form-item v-else-if="process_id != ''" class="btn_footer">
-              <el-button class="previous" @click="goBack('process')">返回流程管理</el-button>
-              <el-button class="registe" @click="registeProcess">服务发布</el-button>
+              <el-button class="previous" @click="goBack('process')"
+                >返回流程管理</el-button
+              >
+              <el-button class="registe" @click="registeProcess"
+                >服务发布</el-button
+              >
             </el-form-item>
             <el-form-item v-else class="btn_footer">
               <el-button class="previous" @click="previous">上一步</el-button>
@@ -403,6 +753,34 @@ export default {
   },
   data() {
     return {
+      liucheng_list: [
+        {
+          one_input: "",
+          select: "GET",
+          serviceUrl: "",
+          datasSj: [],
+          sjfwQqt: "JSON",
+          sqfsVal: "",
+          tokenVal: "",
+          noSearchUrl: "",
+          resultShow: false,
+          resSuccess: false,
+          requestRules: 0,
+          responseRules: 0,
+          request_fields: [],
+          response_fields: [],
+          checkPass: false,
+          dataType: "",
+          body_fields: [],
+          param_fields: [],
+        },
+      ],
+      rulesOne: {
+        one_input: [
+          { required: true, message: "请输入服务名称", trigger: "blur" },
+          { min: 0, max: 15, message: "服务名称不超过15个字", trigger: "blur" },
+        ],
+      },
       addPortalItemUrl:
         gisServiceUrl + "/portal/apaasplat/viewer/addPortalItem.html",
       btnList: [],
@@ -539,7 +917,9 @@ export default {
             trigger: "blur",
           },
         ],
-        area: [{ required: true, message: "请选择服务领域", trigger: "change" }],
+        area: [
+          { required: true, message: "请选择服务领域", trigger: "change" },
+        ],
         origin: [
           { required: true, message: "请选择所属组织", trigger: "blur" },
         ],
@@ -597,6 +977,8 @@ export default {
       is_portal: false,
       portal_id: "",
       dataType: "",
+      jkwds: [],
+      gz_fhsjgs: "JSON",
     };
   },
   computed: {},
@@ -646,7 +1028,7 @@ export default {
     clickFwcs() {
       let headers = {};
       let requestData = {};
-      if (this.activeBtn == 0) {
+      if (this.activeBtn == 0 || this.activeBtn == 3) {
         if (this.sqfsVal != "") {
           headers.Authorization = [];
           headers.Authorization[0] = this.sqfsVal + " " + this.tokenVal;
@@ -700,7 +1082,7 @@ export default {
       }
       let bodys = "";
       let contentType = "";
-      if (this.activeBtn == 0) {
+      if (this.activeBtn == 0 || this.activeBtn == 3) {
         bodys = this.$refs.jsonCodes ? this.$refs.jsonCodes.getCodesVal() : "";
         contentType = this.sjfwQqt;
       } else if (this.activeBtn == 4) {
@@ -737,6 +1119,7 @@ export default {
             : this.activeBtn == 4
             ? this.zhyyVal
             : 0,
+        response_type: this.activeBtn == 3 ? this.gz_fhsjgs : "JSON",
       };
       this.$api.workbench.fwzcFwcs(query).then((response) => {
         if (response.data.success == 1) {
@@ -767,6 +1150,7 @@ export default {
     nextJcxx() {
       if (
         this.activeBtn == 0 ||
+        this.activeBtn == 3 ||
         (this.activeBtn == 4 && (this.zhyyVal == 22 || this.zhyyVal == 23))
       ) {
         let requestData = this.$refs.fwcs_sjfw_qqcs.getTableData();
@@ -834,6 +1218,9 @@ export default {
       this.datasFhcs = this.response_fields;
       this.jcxxtx = false;
     },
+    getNewListOne(val) {
+      this.jkwds[0] = val[0].url;
+    },
     getOrganization() {
       let query = {
         id: this.$store.state.userInfo.user_id,
@@ -940,6 +1327,13 @@ export default {
       });
     },
     registe() {
+      if (this.activeBtn == 4 && this.zhyyVal == 24) {
+        this.registeOne();
+      } else {
+        this.registePt();
+      }
+    },
+    registePt() {
       this.$refs.form.validate((valid) => {
         if (valid) {
           if (this.cover.length != 0) {
@@ -947,7 +1341,7 @@ export default {
             if (this.activeBtn == 1 && !this.is_portal) {
               this.addPortalItem();
             } else {
-              if (this.activeBtn == 0) {
+              if (this.activeBtn == 0 || this.activeBtn == 3) {
                 contentType = this.sjfwQqt;
               } else if (this.activeBtn == 4) {
                 if (this.activeZh == 1) {
@@ -970,20 +1364,29 @@ export default {
                     : this.activeBtn == 4
                     ? this.zhyyVal
                     : 0,
-                encode_method: this.form.code,
-                method: this.select,
-                url: this.serviceUrl,
-                request_fields:
-                  this.dataType == "body"
-                    ? this.request_fields
-                    : this.body_fields,
-                request_query_fields:
-                  this.dataType == "param"
-                    ? this.request_fields
-                    : this.param_fields,
-                response_fields: this.response_fields,
-                content_type: contentType,
                 portal_id: this.portal_id,
+                encode_method: this.form.code,
+                urls: [
+                  {
+                    name: "",
+                    response_type:
+                      this.activeBtn == 3 ? this.gz_fhsjgs : "JSON",
+                    req_auth_mthod: 0,
+                    req_auth_token: this.tokenVal,
+                    method: this.select,
+                    url: this.serviceUrl,
+                    request_fields:
+                      this.dataType == "body"
+                        ? this.request_fields
+                        : this.body_fields,
+                    request_query_fields:
+                      this.dataType == "param"
+                        ? this.request_fields
+                        : this.param_fields,
+                    response_fields: this.response_fields,
+                    content_type: contentType,
+                  },
+                ],
               };
               this.$api.workbench.serviceAdd(query).then((response) => {
                 if (response.data.success == 1) {
@@ -1003,6 +1406,61 @@ export default {
         }
       });
     },
+    registeOne() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          if (this.cover.length != 0) {
+            let urls = [];
+            this.liucheng_list.forEach((item) => {
+              urls.push({
+                name: item.one_input,
+                response_type: "JSON",
+                req_auth_mthod: 0,
+                req_auth_token: item.tokenVal,
+                method: item.select,
+                url: item.serviceUrl,
+                request_fields:
+                  item.dataType == "body"
+                    ? item.request_fields
+                    : item.body_fields,
+                request_query_fields:
+                  item.dataType == "param"
+                    ? item.request_fields
+                    : item.param_fields,
+                response_fields: item.response_fields,
+                content_type: "JSON",
+              });
+            });
+            let query = {
+              name: this.form.name,
+              sectors: this.form.area,
+              organization: this.form.origin,
+              cover: this.cover[0],
+              openness: this.form.resource,
+              descript: this.form.desc,
+              data_service_type1: this.btnList[this.activeBtn].id,
+              data_service_type2: 24,
+              portal_id: this.portal_id,
+              encode_method: this.form.code,
+              urls: urls,
+            };
+            this.$api.workbench.serviceAdd(query).then((response) => {
+              if (response.data.success == 1) {
+                this.$message.success("服务注册成功");
+                this.$router.push("/fwgl/" + this.$store.getters.level);
+              } else {
+                console.log(response.data.errMsg);
+                this.$message.error(response.data.errMsg);
+              }
+            });
+          } else {
+            this.$message.error("请上传服务封面");
+          }
+        } else {
+          this.$message.error("请完善服务基本信息");
+        }
+      });
+    },
     changeTable(val) {
       let search = "?";
       for (let i = 0; i < val.length; i++) {
@@ -1224,6 +1682,222 @@ export default {
           }
         });
     },
+    newOne(indexOne) {
+      this.$refs["ruleFormOne_" + indexOne][0].validate((valid) => {
+        if (valid) {
+          if (this.liucheng_list[indexOne].resSuccess) {
+            this.checkOne(indexOne, true);
+            console.log(this.liucheng_list[indexOne]);
+            if (this.liucheng_list[indexOne].checkPass) {
+              this.liucheng_list.push({
+                one_input: "",
+                select: "GET",
+                serviceUrl: "",
+                datasSj: [],
+                sjfwQqt: "JSON",
+                sqfsVal: "",
+                tokenVal: "",
+                noSearchUrl: "",
+                resultShow: false,
+                resSuccess: false,
+                requestRules: 0,
+                responseRules: 0,
+                request_fields: [],
+                response_fields: [],
+                checkPass: false,
+                dataType: "",
+                body_fields: [],
+                param_fields: [],
+              });
+            }
+          } else {
+            this.$message.error("请完善该服务测试");
+          }
+        } else {
+          this.$message.error("请填写该服务名称");
+        }
+      });
+    },
+    getUrlOne(enUrl, indexOne) {
+      let url = decodeURI(enUrl);
+      let arr = [];
+      if (url.indexOf("?") != -1) {
+        this.liucheng_list[indexOne].noSearchUrl = url.substring(
+          0,
+          url.indexOf("?")
+        );
+        let search = url.substring(url.indexOf("?") + 1);
+        let vars = search.split("&");
+        for (let i = 0; i < vars.length; i++) {
+          if (vars[i] != "") {
+            let pair = vars[i].split("=");
+            arr[i] = {};
+            arr[i].requestEncoding = pair[0] ? pair[0] : "";
+            arr[i].requestValue = pair[1] ? pair[1] : "";
+          }
+        }
+      } else {
+        this.liucheng_list[indexOne].noSearchUrl = enUrl;
+      }
+      this.liucheng_list[indexOne].serviceUrl = url;
+      this.liucheng_list[indexOne].datasSj = arr;
+    },
+    clickTabOne() {},
+    changeTableOne(val, indexOne) {
+      let search = "?";
+      for (let i = 0; i < val.length; i++) {
+        if (val[i].requestEncoding != "") {
+          search =
+            search +
+            val[i].requestEncoding +
+            "=" +
+            (val[i].requestValue ? val[i].requestValue : "") +
+            "&";
+        }
+      }
+      let searchDel = search.substring(0, search.length - 1);
+      this.liucheng_list[indexOne].serviceUrl =
+        this.liucheng_list[indexOne].noSearchUrl + searchDel;
+    },
+    resetOne(indexOne) {
+      this.clickFwcsOne(indexOne);
+    },
+    nextOne() {
+      let hasError = false;
+      this.liucheng_list.forEach((item, index) => {
+        this.checkOne(index, false);
+        if (!item.checkPass) {
+          hasError = true;
+          this.$message.error(`请完善服务${index + 1}中的参数信息`);
+          return false;
+        }
+      });
+      if (!hasError) {
+        this.jcxxtx = true;
+        this.getOrganization();
+      }
+    },
+    delOne(indexOne) {
+      this.liucheng_list.splice(indexOne, 1);
+    },
+    clickFwcsOne(indexOne) {
+      // console.log(this.$refs["one_qqcs_" + indexOne][0]);
+      let headers = {};
+      let requestData = {};
+      let dataOne = this.liucheng_list[indexOne];
+      console.log(dataOne);
+      if (dataOne.sqfsVal != "") {
+        headers.Authorization = [];
+        headers.Authorization[0] = dataOne.sqfsVal + " " + dataOne.tokenVal;
+      }
+      let request = this.$refs["one_qqcs_" + indexOne][0].getTableData();
+      for (let i = 0; i < request.length; i++) {
+        if (
+          request[i] &&
+          request[i].requestEncoding &&
+          request[i].requestValue &&
+          request[i].requestEncoding != "" &&
+          request[i].requestValue != ""
+        ) {
+          if (
+            Object.keys(requestData).indexOf(request[i].requestEncoding) == -1
+          ) {
+            requestData[request[i].requestEncoding] = [];
+            requestData[request[i].requestEncoding][0] =
+              request[i].requestValue;
+          } else {
+            requestData[request[i].requestEncoding].push(
+              request[i].requestValue
+            );
+          }
+        }
+      }
+      let bodys = "";
+      let contentType = "";
+      if (this.activeBtn == 0) {
+        bodys = this.$refs["one_json_" + indexOne][0]
+          ? this.$refs["one_json_" + indexOne][0].getCodesVal()
+          : "";
+        contentType = dataOne.sjfwQqt;
+      }
+      let query = {
+        method: dataOne.select,
+        url: dataOne.serviceUrl,
+        headers: headers,
+        params: requestData,
+        body: bodys,
+        content_type: contentType,
+        data_service_type1: this.btnList[this.activeBtn].id,
+        data_service_type2: 24,
+        response_type: "JSON",
+      };
+      this.$api.workbench.fwzcFwcs(query).then((response) => {
+        if (response.data.success == 1) {
+          let data = response.data.data;
+          this.liucheng_list[indexOne].body_fields = data.body_fields;
+          this.liucheng_list[indexOne].param_fields = data.param_fields;
+          if (data.body_fields && data.body_fields.length != 0) {
+            this.liucheng_list[indexOne].datasQqcs = data.body_fields;
+            this.liucheng_list[indexOne].dataType = "body";
+          } else {
+            this.liucheng_list[indexOne].datasQqcs = data.param_fields;
+            this.liucheng_list[indexOne].dataType = "param";
+          }
+          this.liucheng_list[indexOne].datasFhcs = data.response_fields;
+          this.liucheng_list[indexOne].resSuccess = true;
+          this.liucheng_list[indexOne].resultShow = true;
+        } else {
+          this.liucheng_list[indexOne].resSuccess = false;
+          this.liucheng_list[indexOne].resultShow = true;
+          console.log(response.data.errMsg);
+        }
+      });
+    },
+    checkOne(indexOne, showEveryOne) {
+      let requestData = this.$refs["one_qqxx_" + indexOne][0].getTableData();
+      let responseData = this.$refs["one_fhxx_" + indexOne][0].getTableData();
+      this.requestRules = 0;
+      this.responseRules = 0;
+      this.checkTableOne(requestData, 0, indexOne);
+      this.checkTableOne(responseData, 1, indexOne);
+      if (this.requestRules == 0 && this.responseRules == 0) {
+        this.liucheng_list[indexOne].request_fields = requestData;
+        this.liucheng_list[indexOne].response_fields = responseData;
+        this.liucheng_list[indexOne].checkPass = true;
+      } else if (this.liucheng_list[indexOne].requestRules != 0) {
+        if (showEveryOne) {
+          this.$message.error(
+            `请完善服务${indexOne + 1}中请求参数信息中的字段名称`
+          );
+        }
+        this.liucheng_list[indexOne].checkPass = false;
+      } else if (this.liucheng_list[indexOne].responseRules != 0) {
+        if (showEveryOne) {
+          this.$message.error(
+            `请完善服务${indexOne + 1}中返回参数信息中的字段名称`
+          );
+        }
+        this.liucheng_list[indexOne].checkPass = false;
+      }
+    },
+    checkTableOne(arr, rule, indexOne) {
+      let self = this;
+      for (let i = 0; i < arr.length; i++) {
+        if (arr[i].name && arr[i].name != "") {
+          if (!arr[i].label || arr[i].label == "") {
+            if (rule == 0) {
+              this.requestRules = 1;
+            } else if (rule == 1) {
+              this.responseRules = 1;
+            }
+            return false;
+          }
+        }
+        if (arr[i].children && arr[i].children.length != 0) {
+          self.checkTable(arr[i].children, rule, indexOne);
+        }
+      }
+    },
   },
   mounted() {
     let self = this;
@@ -1231,15 +1905,17 @@ export default {
     self.judgeMap();
     self.getArea();
   },
-  created(){
+  created() {
     let _self = this;
     _self.getCurrentUser();
-    let webmap_data = JSON.parse(sessionStorage.getItem('shareWebMapParam'));
-    if(webmap_data){
+    let webmap_data = JSON.parse(sessionStorage.getItem("shareWebMapParam"));
+    if (webmap_data) {
       _self.$store.commit("setZnztParams", webmap_data);
     }
-    let appmap_data = JSON.parse(sessionStorage.getItem('shareAppBuilderParam'));
-    if(appmap_data){
+    let appmap_data = JSON.parse(
+      sessionStorage.getItem("shareAppBuilderParam")
+    );
+    if (appmap_data) {
       _self.$store.commit("setAppBuilderParams", appmap_data);
     }
   },
@@ -1303,7 +1979,7 @@ export default {
 .btn_footer {
   display: flex;
   justify-content: flex-end;
-  margin: 40px 20px 10px;
+  margin: 40px 10px 10px;
 }
 .btn_footer .reset {
   width: 100px;
@@ -1383,6 +2059,78 @@ export default {
 .form_in {
   width: 1000px;
 }
+.one_service {
+  width: 100%;
+}
+.one_name {
+  color: #58617a;
+  font-size: 14px;
+  margin: 0 15px 10px 15px;
+}
+.one_name_in {
+  width: 70%;
+}
+.one_url {
+  color: #58617a;
+  font-size: 14px;
+  margin: 20px 15px 10px;
+}
+.btn_footer_one {
+  margin: 40px 10px 10px;
+}
+.new_one {
+  background-color: #515fe7;
+  color: #e6ebfe;
+}
+.del_one {
+  width: 100px;
+  background-color: #e15260;
+  color: #fcfafa;
+}
+.reset_one {
+  width: 100px;
+  background-color: #c3caf8;
+  color: #0f2683;
+}
+.next_one {
+  width: 100px;
+  background-color: #0f2683;
+  color: #e6ebfe;
+  float: right;
+}
+.center_line_one {
+  background-color: #f4f7fc;
+  width: 2px;
+  height: 100px;
+  position: relative;
+  left: 50%;
+}
+.lc_alert {
+  margin-top: 20px;
+  background-color: #f8f9fd;
+  border-radius: 8px;
+  width: 70%;
+  padding: 20px;
+  display: flex;
+  justify-content: space-between;
+  color: #8890a7;
+}
+.lc_alert i {
+  position: relative;
+  top: 4px;
+}
+.lc_alert p {
+  width: calc(100% - 24px);
+}
+.title_bc {
+  color: #a9aec0;
+}
+.lc_upf {
+  width: 70%;
+}
+.gz_fhsjgs_rad {
+  margin-left: 10px;
+}
 </style>
 <style>
 .fwcs_fwdz_inner .el-select .el-input {
@@ -1404,4 +2152,10 @@ export default {
   color: #c0c4cc;
   text-align: right;
 }
+.lc_upf .el-upload {
+  width: 100%;
+}
+.lc_upf .el-upload-dragger {
+  width: 100%;
+}
 </style>
-- 
2.26.0