修改upload-cropper无图片显示

src/components/table-um.vue

@@ -758,7 +758,7 @@ em {
   width: 66px;
 }
 .table_radius {
-  border-radius: 10px;
+  border-radius: 8px;
 }
 .overlit {
   overflow: hidden;

src/components/upload_file.vue

 <template>
   <div>
-    <div v-if="type != 'copper'">
+    <div v-if="type != 'cropper'">
       <el-upload
         action="ssurl"
         :file-list="fileArray"

src/pages/fwzc_fwcs.vue

@@ -6,6 +6,7 @@
       <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">
       <block-radius>
         <el-row>
           <el-button
@@ -39,7 +40,11 @@
               ></el-option>
             </el-select>
           </el-input>
-        <el-button v-if="activeBtn == 0 || activeBtn == 4" @click="clickFwcs()" class="fwcs_btn_fwcs">服务测试</el-button>
+          <el-button
+            v-if="activeBtn == 0 || activeBtn == 4"
+            @click="clickFwcs()"
+            class="fwcs_btn_fwcs"
+          >服务测试</el-button>
         </div>
         <div v-if="activeBtn == 0">
           <el-tabs v-model="activeName" class="fwcs_tabs" @tab-click="clickTab">
@@ -168,17 +173,86 @@
         </div>
       </block-radius>
     </div>
+    <div v-else>
+      <block-radius>
+        <div class="fwcs_add">
+          <el-form ref="form" :model="form" label-width="0px">
+            <el-form-item>
+              <p class="formname">服务名称：</p>
+              <el-input v-model="form.name" placeholder="请输入服务名称，不超过15个字" class="form_in"></el-input>
+            </el-form-item>
+            <el-form-item>
+              <p class="formname">服务描述：</p>
+              <el-input type="textarea" v-model="form.desc" placeholder="请输入服务描述，不超过200个字"></el-input>
+            </el-form-item>
+            <el-form-item>
+              <p class="formname">服务领域：</p>
+              <el-select v-model="form.area" placeholder="请选择">
+                <el-option
+                  v-for="item in optionsArea"
+                  :key="'area' + item.value"
+                  :label="item.label"
+                  :value="item.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <p class="formname">所属组织：</p>
+              <el-select v-model="form.origin" placeholder="请选择">
+                <el-option
+                  v-for="item in optionsOrganization"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <p class="formname">服务封面：</p>
+              <upload-file
+                :multiple="false"
+                :max="1"
+                type="cropper"
+                :readOnly="false"
+                :list="imgList"
+                @getNewList="getNewList"
+              ></upload-file>
+            </el-form-item>
+            <el-form-item>
+              <p class="formname">接口编码：</p>
+              <el-input v-model="form.code"></el-input>
+            </el-form-item>
+            <el-form-item>
+              <p class="formname">开放程度：</p>
+              <el-radio-group v-model="form.resource">
+                <el-radio label="共享"></el-radio>
+                <el-radio label="受限"></el-radio>
+                <el-radio label="敏感"></el-radio>
+              </el-radio-group>
+            </el-form-item>
+
+            <el-form-item>
+              <el-button>取消</el-button>
+              <el-button type="primary" @click="onSubmit">保存</el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+      </block-radius>
+    </div>
+  </div>
 </template>
 
 <script>
 import BlockRadius from "@/components/block-radius";
 import CesTable from "@/components/table-um";
 import Codes from "@/components/codes";
+import uploadFile from "../components/upload_file";
 export default {
   components: {
     BlockRadius,
     CesTable,
-    "v-apaas-code": Codes
+    "v-apaas-code": Codes,
+    uploadFile
   },
   data: () => ({
     btnList: [
@@ -246,10 +320,33 @@ export default {
       { label: "模型算法类", value: 0 },
       { label: "查询验证类", value: 1 },
       { label: "流程类", value: 2 },
-      { label: "应用类", value: 3 },
+      { label: "应用类", value: 3 }
     ],
     zhyyVal: 0,
-    jcxxtx: false
+    jcxxtx: false,
+    form: {
+      name: "",
+      desc: "",
+      area: "",
+      origin: "",
+      code: "",
+      resource: ""
+    },
+    imgList: [],
+    optionsArea: [
+      { label: "经济建设", value: 0 },
+      { label: "城市管理", value: 1 },
+      { label: "城市建设", value: 2 },
+      { label: "道路交通", value: 3 },
+      { label: "环境资源", value: 4 },
+      { label: "民生服务", value: 5 },
+      { label: "空间地理", value: 6 },
+      { label: "文化休闲", value: 7 },
+      { label: "社会团体", value: 8 },
+      { label: "教育机构", value: 9 },
+      { label: "其他", value: 10 }
+    ],
+    optionsOrganization: []
   }),
   computed: {},
   watch: {},
@@ -268,6 +365,13 @@ export default {
     resetSjfw() {},
     nextJcxx() {
       this.jcxxtx = true;
+    },
+    // edit form
+    onSubmit() {
+      console.log("submit!");
+    },
+    getNewList(val) {
+      console.log(val);
     }
   },
   mounted() {}
@@ -276,7 +380,10 @@ export default {
 
 <style scoped>
 .fwcs {
-  width: 96vw;
+  width: 1200px;
+  margin: 0 auto;
+  margin-top: -157px;
+  margin-bottom: 20px;
 }
 .bread_crumb {
   margin: 20px;
@@ -391,6 +498,11 @@ export default {
 .zhyy_select {
   width: 70%;
 }
+.fwcs_add .formname {
+  color: #58617a;
+  font-size: 14px;
+  margin-left: 10px;
+}
 </style>
 <style>
 .bread_crumb .el-breadcrumb__inner {

src/pages/index.vue

 <template>
   <div class="index_container">
-    <div class="decor" v-if="$route.fullPath == '/workplace'"></div>
+    <div class="decor" v-if="$route.fullPath == '/workplace' || $route.fullPath == '/fwzc/fwcs'"></div>
     <router-view/>
   </div>
 </template>