模板，流程发布，服务超市page

src/components/service-list/commodity-list.vue

@@ -71,54 +71,61 @@ import CommodityCard from "@/components/service-list/commodity-card.vue";
 export default {
   components: {
     "commodity-cell": CommodityCell,
-    "commodity-card": CommodityCard
+    "commodity-card": CommodityCard,
   },
   props: {
-    datas: { type: Array, default: () => {[]} },
+    datas: {
+      type: Array,
+      default: () => {
+        [];
+      },
+    },
     total: {
       type: Number,
-      default: 0
+      default: 0,
     },
     url: { type: String, default: "" },
     paginationShow: {
       type: Boolean,
-      default: false
+      default: false,
     },
     pageSizeShow: {
       type: Boolean,
-      default: false
+      default: false,
     },
-    urlFilter: { type: String, default: "" }
+    urlFilter: { type: String, default: "" },
   },
   data: () => ({
     pagination: {
       rowsPerPage: 10,
-      page: 1
+      page: 1,
     },
     pageOptions: [
       {
         value: "10",
-        label: "10"
+        label: "10",
       },
       {
         value: "20",
-        label: "20"
+        label: "20",
       },
       {
         value: "50",
-        label: "50"
-      }
-    ]
+        label: "50",
+      },
+    ],
   }),
   computed: {},
-  watch: {},
   methods: {
     handleSizeChange(val) {
       this.pagination.rowsPerPage = val;
-      this.$emit("refresh", this.pagination);
+      this.refreshData();
     },
     handleCurrentChange(val) {
       this.pagination.page += val;
+      this.refreshData();
+    },
+    refreshData() {
       this.$emit("refresh", this.pagination);
     },
     pageResize() {
@@ -130,7 +137,7 @@ export default {
         cardArr[i].style.width = listWidth / rowCardNum - 1 + "px";
       }
       // console.log(this.$refs.commodityCardIn);
-    }
+    },
   },
   mounted() {},
   watch: {
@@ -144,9 +151,18 @@ export default {
             };
           }, 0);
         }
-      }
-    }
-  }
+      },
+    },
+    url: {
+      handler() {
+        this.pagination = {
+          rowsPerPage: 10,
+          page: 1,
+        };
+        this.refreshData();
+      },
+    },
+  },
 };
 </script>
 

src/components/service-list/service_list.vue

@@ -388,7 +388,6 @@ export default {
         this.getAppArea();
         this.getAppType();
         this.getAppOrg();
-        this.getShopList();
         this.time_app = setInterval(() => {
           if (this.refresh_app_1 && this.refresh_app_2 && this.refresh_app_3) {
             this.judgeHeight();
@@ -418,7 +417,6 @@ export default {
             console.log(response.data.errMsg);
           }
         });
-        this.getShopList();
       }
     },
     judgeHeight() {
@@ -709,7 +707,10 @@ export default {
   background-color: #626de9;
   border-color: #626de9;
 }
-.head_flex .btn_right_check .el-checkbox__input.is-checked + .el-checkbox__label {
+.head_flex
+  .btn_right_check
+  .el-checkbox__input.is-checked
+  + .el-checkbox__label {
   color: #626de9;
 }
 .head_flex .btn_right_check .el-checkbox__input.is-focus .el-checkbox__inner {

src/pages/service_shop/shop_list.vue

@@ -140,6 +140,7 @@ export default {
 </style>
 <style scoped>
 .default_img {
-  background: url("~@/assets/imgs/img_default_quesheng.png") no-repeat center center;
+  background: url("~@/assets/imgs/img_default_quesheng.png") no-repeat center
+    center;
 }
 </style>
\ No newline at end of file

src/pages/workbench/fwzc_fwcs.vue

@@ -306,19 +306,14 @@
     <div v-else>
       <block-radius>
         <div class="fwcs_add">
-          <el-form ref="form" :model="form" :rules="rules">
+          <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="请输入服务名称，不超过15个字" 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="请输入服务描述，不超过200个字"
-                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>
@@ -552,6 +547,33 @@ export default {
           { required: true, message: "请选择开放程度", trigger: "blur" },
         ],
       },
+      rules_process: {
+        name: [
+          { required: true, message: "请输入服务名称", trigger: "blur" },
+          {
+            min: 0,
+            max: 100,
+            message: "服务名称不超过100个字",
+            trigger: "blur",
+          },
+        ],
+        desc: [
+          { required: true, message: "请输入服务描述", trigger: "blur" },
+          {
+            min: 0,
+            max: 400,
+            message: "服务描述不超过400个字",
+            trigger: "blur",
+          },
+        ],
+        area: [{ required: true, message: "请选择服务领域", trigger: "blur" }],
+        origin: [
+          { required: true, message: "请选择所属组织", trigger: "blur" },
+        ],
+        resource: [
+          { required: true, message: "请选择开放程度", trigger: "blur" },
+        ],
+      },
       cover: [],
       optionsArea: [],
       datasSj: [],
@@ -1088,6 +1110,7 @@ export default {
       } else if (self.$route.query.process) {
         self.process_id = self.$route.query.process;
         self.jcxxtx = true;
+        this.getProcessDetail();
         this.getOrganization();
       } else {
         self.is_map = 0;
@@ -1178,6 +1201,20 @@ export default {
         }
       }
     },
+    getProcessDetail() {
+      this.$api.workbench
+        .getProcessDetail({ id: this.process_id })
+        .then((response) => {
+          if (response.data.success == 1) {
+            let data = response.data.data;
+            this.form.name = data.name;
+            this.form.desc = data.describe;
+            this.cover.push(
+              "/apaas/static/docs/image/image/blob_75dc5c77-754c-440d-8320-92ba68d239d5.blob"
+            );
+          }
+        });
+    },
   },
   mounted() {
     let self = this;