编辑变成查看

关闭小店，状态为下线

src/views/shop/create-shop.vue

@@ -7,7 +7,8 @@
           <p class="title">新建店铺</p>
         </el-col>
         <el-col :span="4" style="text-align: right">
-          <el-button size="small" type="primary" @click="complete">完成</el-button>
+          <el-button size="small" type="primary" :disabled="storeData && storeData.tradeStore.storeStatus == 0" @click="complete">完成</el-button>
+          <el-button size="small" type="primary" @click="back">返回</el-button>
         </el-col>
       </el-row>
         <el-form
@@ -35,7 +36,7 @@
                     class="bg-img"
                 />
                 <img v-if="!formData.storeLogo" class="bg-img" src="../../assets/image/small.png" />
-                <div
+                <div v-if="storeData && storeData.tradeStore.storeStatus == 0"
                     class="img-delete"
                     v-show="imgMouseOver1"
                     @click.stop="deleteImg('storeLogo')"
@@ -55,6 +56,7 @@
           <el-form-item label="店铺名称" prop="storeName">
             <el-col :span="10">
               <el-input
+                  :disabled="storeData && storeData.tradeStore.storeStatus == 0"
                   size="small"
                   v-model="formData.storeName"
                   placeholder="请输入店铺名称"
@@ -67,6 +69,7 @@
           <el-form-item label="店铺简介" prop="storeDescription">
             <el-col :span="10">
               <el-input
+                  :disabled="storeData && storeData.tradeStore.storeStatus == 0"
                   type="textarea"
                   rows="4"
                   maxlength="400"
@@ -258,6 +261,7 @@
             <el-col :span="10">
               <el-form-item label="医生姓名" prop="docName" class="required-label">
                 <el-input
+                    :disabled="storeData && storeData.tradeStore.storeStatus == 0"
                     type="text"
                     maxlength="50"
                     size="small"
@@ -443,7 +447,7 @@
         curmbFirst: '云鹊店铺',
         curmbSecond: '新建店铺',
         isDisabled: false,
-        storeData: {},
+        storeData: null,
         typeList: [
           {
             label: '供货商',
@@ -597,7 +601,7 @@
     created() {
       vm = this;
       this.formData.storeId = this.$route.query.storeId || null;
-      this.storeData = this.$route.query.storeData || {};
+      this.storeData = this.$route.query.storeData || null;
 
       if (this.formData.storeId) {
         this.curmbSecond = '编辑店铺';
@@ -719,6 +723,13 @@
           })
         }
       },
+
+      // 返回
+      back() {
+        this.$router.push({
+          path: '/shop-list'
+        })
+      },
       checkPhone(val) {
         if(!(/^1[3456789]\d{9}$/.test(val))) {
           return false;

src/views/shop/shop-list.vue

@@ -74,7 +74,7 @@
         <el-table-column label="操作" min-width="230" align="center" fixed="right">
           <template slot-scope="scope">
             <div>
-              <el-button @click="editShop(scope.row)" type="text" size="small">编辑</el-button>
+              <el-button @click="editShop(scope.row)" type="text" size="small">{{scope.row.tradeStore.storeStatus == 0 ? '查看' : '编辑'}}</el-button>
               <el-button @click="shopManage(scope.row)" type="text" size="small">商品管理</el-button>
               <el-button @click="orderManage(scope.row)" type="text" size="small">订单管理</el-button>
               <el-button v-if="scope.row.tradeStore.storeType == 3 && scope.row.tradeStore.storeStatus == 1" @click="closeShopAction(scope.row)" type="text" size="small">关闭店铺</el-button>