供应商端审核调整

src/views/normal/audit/club/components/club-list.vue

@@ -59,7 +59,6 @@
 
       <el-table-column label="操作" width="240px" align="center">
         <template slot-scope="{ row }">
-          <!-- v-if="row.auditStatus !== 1" -->
           <el-button
             type="warning"
             size="mini"
@@ -79,39 +78,13 @@
     <!-- 表格区域END -->
     <!-- 页码 -->
     <pagination :total="total" :page.sync="listQuery.pageNum" :limit.sync="listQuery.pageSize" @pagination="getList" />
-    <!-- 审核弹窗 -->
-    <el-dialog title="授权机构审核" :visible.sync="dialogVisible" width="450px" @close="dialogClosed">
-      <div class="auth-info">
-        <div class="auth-name">
-          <i>授权机构：</i>
-          <b>{{ dialogData.authParty }}</b>
-        </div>
-        <el-form ref="formRef" :model="dialogData" label-width="85px" :rules="dialogFormRules">
-          <el-form-item label="审核状态：">
-            <el-radio-group v-model="dialogData.shopAuditStatus">
-              <el-radio :label="1">通过</el-radio>
-              <el-radio :label="0">不通过</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item v-if="dialogData.shopAuditStatus === 0" label="原因：" prop="invalidReason">
-            <el-input v-model="dialogData.invalidReason" type="textarea" placeholder="请说明原因" />
-          </el-form-item>
-        </el-form>
-      </div>
-      <div slot="footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="auditStatusHandle">确 定</el-button>
-      </div>
-    </el-dialog>
   </div>
 </template>
 
 <script>
-import Pagination from '@/components/Pagination'
-import { fecthAuthList, auditAuth } from '@/api/auth'
-import { mapGetters, mapMutations } from 'vuex'
+import { fecthAuthList } from '@/api/auth'
+import { mapGetters } from 'vuex'
 export default {
-  components: { Pagination },
   props: {
     shopAuditStatus: {
       type: Number,
@@ -120,35 +93,18 @@ export default {
   },
   data() {
     return {
-      // 是否显示dialog
-      dialogVisible: false,
       listLoading: false,
       // 查询参数
       listQuery: {
         listType: 3,
         authParty: '', // 授权机构
+        mobile: '',
         authUserId: '', // 供应商用户id
         pageNum: 1, // 页码
         pageSize: 10, // 分页
-        auditStatus: '', // 审核状态
-        lowerAuditStatus: '', // 下属内容审核状态
         shopAuditStatus: 0
       },
       total: 0,
-      dialogData: {
-        auditBy: '', // 审核人
-        authId: '', // 授权机构id
-        authParty: '', // 授权机构名称
-        shopAuditStatus: 1, // 审核状态
-        invalidReason: '' // 审核信息
-      },
-      dialogFormRules: {
-        invalidReason: {
-          required: true,
-          message: '不通过原因不能为空',
-          tigger: 'blur'
-        }
-      },
       // 机构信息审核列表
       list: []
     }
@@ -161,14 +117,12 @@ export default {
     this.getList()
   },
   methods: {
-    ...mapMutations({ setMessageState: 'webSocket/SET_MESSAGE_STATE' }),
     // 获取授权列表
     getList() {
       this.listQuery.shopAuditStatus = this.shopAuditStatus
       this.listLoading = true
       fecthAuthList(this.listQuery)
         .then((response) => {
-          if (response.code !== 0) return
           const { list, total } = response.data
           this.list = list
           this.total = total
@@ -177,38 +131,6 @@ export default {
           this.listLoading = false
         })
     },
-    // 审核
-    auditStatusHandle() {
-      this.$refs.formRef.validate((valid) => {
-        if (valid) {
-          // 指定审核人
-          this.dialogData.auditBy = this.authUserId
-          // 提交审核信息
-          auditAuth(this.dialogData)
-            .then((res) => {
-              if (res.code !== 0) return
-              this.$message.success(res.data)
-              this.setMessageState({ id: this.dialogData.authId, type: 1 })
-            })
-            .finally(() => {
-              this.dialogVisible = false
-              this.getList()
-            })
-        }
-      })
-    },
-    // 审核对话框
-    handleShowDialog(item) {
-      console.log(item)
-      this.dialogData.authParty = item.authParty
-      this.dialogData.authId = item.authId
-      this.dialogVisible = true
-    },
-    // 审核对话框关闭
-    dialogClosed() {
-      this.dialogData.authParty = ''
-      this.dialogData.reviewStatus = 1
-    },
     indexMethod(index) {
       return index + this.listQuery.pageSize * (this.listQuery.pageNum - 1) + 1
     }

src/views/normal/audit/club/components/device-list.vue

@@ -66,20 +66,13 @@
     </el-table>
     <!-- 表格区域END -->
     <!-- 页码 -->
-    <pagination
-      :total="total"
-      :page.sync="listQuery.pageNum"
-      :limit.sync="listQuery.pageSize"
-      @pagination="getList"
-    />
+    <pagination :total="total" :page.sync="listQuery.pageNum" :limit.sync="listQuery.pageSize" @pagination="getList" />
   </div>
 </template>
 
 <script>
-import Pagination from '@/components/Pagination'
 import { getProdList } from '@/api/product'
 export default {
-  components: { Pagination },
   props: {
     shopAuditStatus: {
       type: Number,
@@ -93,7 +86,6 @@ export default {
         listType: 3,
         authId: '',
         productName: '',
-        reviewStatus: '',
         snCode: '',
         pageNum: 1,
         pageSize: 10,

src/views/normal/audit/club/device/review.vue

@@ -1,48 +1,47 @@
 <template>
-  <div class="app-container">
-    <div class="audit-content">
-      <div class="grid">
-        <div class="row">
-          <div class="col">设备名称：</div>
-          <div class="col">{{ productInfo.productName }}</div>
-        </div>
-        <div class="row">
-          <div class="col">设备SN码：</div>
-          <div class="col">{{ productInfo.snCode }}</div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col">设备图片：</div>
-        <div class="col">
-          <el-image
-            style="width: 120px; height: 120px"
-            :src="productInfo.productImage"
-            :preview-src-list="[productInfo.productImage]"
-          />
-        </div>
+  <div class="page-form-container">
+    <div class="row">
+      <div class="col">设备名称：</div>
+      <div class="col">{{ productInfo.productName }}</div>
+    </div>
+    <div class="row">
+      <div class="col">设备SN码：</div>
+      <div class="col">{{ productInfo.snCode }}</div>
+    </div>
+    <div class="row">
+      <div class="col">设备图片：</div>
+      <div class="col">
+        <el-image
+          v-if="productInfo.productImage"
+          style="width: 120px; height: 120px"
+          :src="productInfo.productImage"
+          :preview-src-list="[productInfo.productImage]"
+        />
       </div>
+    </div>
 
-      <div class="row">
+    <!-- <div class="row">
         <div class="col">所属品牌：</div>
         <div class="col">{{ productInfo.brandName }}</div>
-      </div>
+      </div> -->
 
-      <div class="row">
-        <div class="col">购买渠道：</div>
-        <div class="col">{{ productInfo.purchaseWay }}</div>
-      </div>
+    <div class="row">
+      <div class="col">购买渠道：</div>
+      <div class="col">{{ productInfo.purchaseWay }}</div>
+    </div>
 
-      <div class="row">
-        <div class="col">发票：</div>
-        <div class="col">
-          <el-image
-            style="width: 120px; height: 120px"
-            :src="productInfo.invoiceImage"
-            :preview-src-list="[productInfo.invoiceImage]"
-          />
-        </div>
+    <div class="row">
+      <div class="col">发票：</div>
+      <div class="col">
+        <el-image
+          v-if="productInfo.invoiceImage"
+          style="width: 120px; height: 120px"
+          :src="productInfo.invoiceImage"
+          :preview-src-list="[productInfo.invoiceImage]"
+        />
       </div>
-      <div class="row">
+    </div>
+    <!-- <div class="row">
         <div class="col">设备参数：</div>
         <div class="col">
           <template v-for="(param, index) in productInfo.paramList">
@@ -52,23 +51,24 @@
             </div>
           </template>
         </div>
-      </div>
-      <el-form ref="auditForm" label-width="112px" :model="auditForm" :rules="rules">
-        <el-form-item label="审核：">
-          <el-radio-group v-model="auditForm.auditStatus">
-            <el-radio :label="1">通过</el-radio>
-            <el-radio :label="0">不通过</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item v-if="auditForm.auditStatus === 0" label="原因：" prop="invalidReason">
-          <el-input v-model="auditForm.invalidReason" type="textarea" :rows="3" />
-        </el-form-item>
-        <el-form-item>
+      </div> -->
+    <el-form ref="auditForm" label-width="112px" :model="auditForm" :rules="rules">
+      <el-form-item label="审核：">
+        <el-radio-group v-model="auditForm.auditStatus">
+          <el-radio :label="1">通过</el-radio>
+          <el-radio :label="0">不通过</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item v-if="auditForm.auditStatus === 0" label="原因：" prop="invalidReason">
+        <el-input v-model="auditForm.invalidReason" type="textarea" :rows="3" />
+      </el-form-item>
+      <el-form-item>
+        <div class="control-box" style="text-align: left">
           <el-button type="info" @click="$_back">返回</el-button>
           <el-button type="primary" @click="submit">提交</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
+        </div>
+      </el-form-item>
+    </el-form>
   </div>
 </template>
 
@@ -147,59 +147,28 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.app-container {
-  .audit-content {
-    max-width: 1000px;
-    margin: 0 auto;
-    margin-top: 25px;
-  }
-  .grid,
-  .param {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    // grid-template-rows: repeat(2, 1fr);
-    grid-column-gap: 0px;
-    grid-row-gap: 0px;
-  }
-
-  .param {
-    div {
-      padding-bottom: 16px;
-      text-align: left;
-
-      &:first-child {
-        text-align: right;
-      }
+.row {
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  margin-bottom: 25px;
+  .col {
+    font-size: 14px;
+    color: #333;
+    &:first-child {
+      min-width: 100px;
+      text-align: right;
+      margin-right: 8px;
+      font-weight: bold;
+      color: #666;
     }
-  }
 
-  .row {
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-    margin-bottom: 25px;
-    .col {
-      font-size: 14px;
-      color: #333;
+    .el-image {
+      margin-left: 12px;
       &:first-child {
-        min-width: 100px;
-        text-align: right;
-        margin-right: 8px;
-        font-weight: bold;
-        color: #666;
-      }
-
-      .el-image {
-        margin-left: 12px;
-        &:first-child {
-          margin-left: 0;
-        }
+        margin-left: 0;
       }
     }
   }
-
-  .el-button {
-    width: 120px;
-  }
 }
 </style>

src/views/normal/audit/club/review.vue

@@ -1,42 +1,47 @@
 <template>
-  <div class="app-container">
-    <div class="audit-content">
-      <div class="grid">
-        <div class="row">
-          <div class="col">机构名称：</div>
-          <div class="col">{{ clubInfo.authParty }}</div>
-        </div>
-        <div class="row">
-          <div class="col">联系电话：</div>
-          <div class="col">{{ clubInfo.mobile }}</div>
-        </div>
-        <div class="row">
-          <div class="col">所在地区：</div>
-          <div class="col">{{ clubInfo.area }}</div>
-        </div>
-        <div class="row">
-          <div class="col">详细地址：</div>
-          <div class="col">{{ clubInfo.address }}</div>
-        </div>
-        <div class="row">
-          <div class="col">所在位置：</div>
-          <div class="col">
-            <div class="map" @click="initMap">
-              <i class="el-icon-map-location" />
-              <span>点击查看</span>
-            </div>
-          </div>
-        </div>
+  <div class="page-form-container">
+    <div class="grid">
+      <div class="row">
+        <div class="col">机构名称：</div>
+        <div class="col">{{ clubInfo.authParty }}</div>
       </div>
       <div class="row">
-        <div class="col">logo：</div>
-        <div class="col">
-          <el-image style="width: 120px; height: 120px" :src="clubInfo.logo" :preview-src-list="[clubInfo.logo]" />
-        </div>
+        <div class="col">联系电话：</div>
+        <div class="col">{{ clubInfo.mobile }}</div>
+      </div>
+      <div class="row">
+        <div class="col">所在地区：</div>
+        <div class="col">{{ clubInfo.area }}</div>
       </div>
       <div class="row">
-        <div class="col">门头照：</div>
+        <div class="col">详细地址：</div>
+        <div class="col">{{ clubInfo.address }}</div>
+      </div>
+      <div class="row">
+        <div class="col">所在位置：</div>
         <div class="col">
+          <div class="map" @click="initMap">
+            <i class="el-icon-map-location" />
+            <span>点击查看</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col">logo：</div>
+      <div class="col">
+        <el-image
+          v-if="clubInfo.logo"
+          style="width: 120px; height: 120px"
+          :src="clubInfo.logo"
+          :preview-src-list="[clubInfo.logo]"
+        />
+      </div>
+    </div>
+    <div class="row">
+      <div class="col">门头照：</div>
+      <div class="col">
+        <template v-if="clubInfo.bannerList.length > 0">
           <template v-for="(image, index) in clubInfo.bannerList">
             <el-image
               :key="index"
@@ -45,113 +50,111 @@
               :preview-src-list="clubInfo.bannerList"
             />
           </template>
-        </div>
+        </template>
       </div>
+    </div>
 
-      <div class="row">
-        <div class="col">机构类型：</div>
-        <div class="col">
-          <el-radio-group v-model="clubInfo.firstClubType">
-            <el-radio
-              v-for="item in clubTypeList"
-              :key="item.id"
-              :label="item.id"
-              :disabled="clubInfo.firstClubType !== item.id"
-            >{{ item.name }}</el-radio>
-          </el-radio-group>
-        </div>
+    <div class="row">
+      <div class="col">机构类型：</div>
+      <div class="col">
+        <el-radio-group v-model="clubInfo.firstClubType">
+          <el-radio
+            v-for="item in clubTypeList"
+            :key="item.id"
+            :label="item.id"
+            :disabled="clubInfo.firstClubType !== item.id"
+          >{{ item.name }}</el-radio>
+        </el-radio-group>
       </div>
+    </div>
 
-      <div v-if="clubInfo.firstClubType === 1" class="row">
-        <div class="col">医美类型：</div>
-        <div class="col">
-          <el-radio-group v-model="clubInfo.secondClubType">
-            <el-radio
-              v-for="item in medicalTypeList1"
-              :key="item.id"
-              :label="item.id"
-              :disabled="clubInfo.secondClubType !== item.id"
-            >{{ item.name }}</el-radio>
-          </el-radio-group>
-        </div>
+    <div v-if="clubInfo.firstClubType === 1" class="row">
+      <div class="col">医美类型：</div>
+      <div class="col">
+        <el-radio-group v-model="clubInfo.secondClubType">
+          <el-radio
+            v-for="item in medicalTypeList1"
+            :key="item.id"
+            :label="item.id"
+            :disabled="clubInfo.secondClubType !== item.id"
+          >{{ item.name }}</el-radio>
+        </el-radio-group>
       </div>
+    </div>
 
-      <div v-if="clubInfo.firstClubType === 2" class="row">
-        <div class="col">生美类型：</div>
-        <div class="col">
-          <el-radio-group v-model="clubInfo.secondClubType">
-            <el-radio
-              v-for="item in medicalTypeList2"
-              :key="item.id"
-              :label="item.id"
-              :disabled="clubInfo.secondClubType !== item.id"
-            >{{ item.name }}</el-radio>
-          </el-radio-group>
-        </div>
+    <div v-if="clubInfo.firstClubType === 2" class="row">
+      <div class="col">生美类型：</div>
+      <div class="col">
+        <el-radio-group v-model="clubInfo.secondClubType">
+          <el-radio
+            v-for="item in medicalTypeList2"
+            :key="item.id"
+            :label="item.id"
+            :disabled="clubInfo.secondClubType !== item.id"
+          >{{ item.name }}</el-radio>
+        </el-radio-group>
       </div>
+    </div>
 
-      <div v-if="clubInfo.firstClubType === 1" class="row">
-        <div class="col">医疗许可证：</div>
-        <div class="col">
-          <el-image
-            style="width: 120px; height: 120px"
-            :src="clubInfo.medicalLicenseImage"
-            :preview-src-list="[clubInfo.medicalLicenseImage]"
-          />
-        </div>
-      </div>
-      <div class="row">
-        <div class="col">员工人数：</div>
-        <div class="col">{{ clubInfo.empNum }}人</div>
+    <div v-if="clubInfo.firstClubType === 1" class="row">
+      <div class="col">医疗许可证：</div>
+      <div class="col">
+        <el-image
+          v-if="clubInfo.medicalLicenseImage"
+          style="width: 120px; height: 120px"
+          :src="clubInfo.medicalLicenseImage"
+          :preview-src-list="[clubInfo.medicalLicenseImage]"
+        />
       </div>
+    </div>
+    <div class="row">
+      <div class="col">员工人数：</div>
+      <div class="col">{{ clubInfo.empNum }}人</div>
+    </div>
 
-      <div class="row">
-        <div class="col">自定义属性：</div>
-        <div class="col">
-          <el-radio-group v-model="clubInfo.customFlag">
-            <el-radio :label="1" :disabled="clubInfo.customFlag !== 1">是</el-radio>
-            <el-radio :label="0" :disabled="clubInfo.customFlag !== 0">否</el-radio>
-          </el-radio-group>
-        </div>
-      </div>
-      <div v-if="clubInfo.customFlag > 0" class="row">
-        <div class="col">店铺备注：</div>
-        <div class="col">{{ clubInfo.remarks }}人</div>
+    <div class="row">
+      <div class="col">自定义属性：</div>
+      <div class="col">
+        <el-radio-group v-model="clubInfo.customFlag">
+          <el-radio :label="1" :disabled="clubInfo.customFlag !== 1">是</el-radio>
+          <el-radio :label="0" :disabled="clubInfo.customFlag !== 0">否</el-radio>
+        </el-radio-group>
       </div>
-      <el-form ref="auditForm" label-width="112px" :model="auditForm" :rules="rules">
-        <el-form-item label="审核：">
-          <el-radio-group v-model="auditForm.auditStatus">
-            <el-radio :label="1">通过</el-radio>
-            <el-radio :label="0">不通过</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item v-if="auditForm.auditStatus === 0" label="原因：" prop="invalidReason">
-          <el-input v-model="auditForm.invalidReason" type="textarea" :rows="3" />
-        </el-form-item>
-        <el-form-item>
+    </div>
+    <div v-if="clubInfo.customFlag > 0" class="row">
+      <div class="col">店铺备注：</div>
+      <div class="col">{{ clubInfo.remarks }}人</div>
+    </div>
+    <el-form ref="auditForm" label-width="112px" :model="auditForm" :rules="rules">
+      <el-form-item label="审核：">
+        <el-radio-group v-model="auditForm.auditStatus">
+          <el-radio :label="1">通过</el-radio>
+          <el-radio :label="0">不通过</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item v-if="auditForm.auditStatus === 0" label="原因：" prop="invalidReason">
+        <el-input v-model="auditForm.invalidReason" type="textarea" :rows="3" />
+      </el-form-item>
+      <el-form-item>
+        <div class="control-box left">
           <el-button type="info" @click="$_back">返回</el-button>
           <el-button type="primary" @click="submit">提交</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-
+        </div>
+      </el-form-item>
+    </el-form>
     <!-- 地图坐标拾取 -->
-    <el-dialog class="map-dialog" title="地图信息" :visible.sync="dialogMapVisible" width="80%">
-      <!-- <location v-if="dialogMapVisible" :init-point="formData.point" @point="handlePointChange" /> -->
-      <!-- <map-ui :init-point="clubInfo.lngAndLat" /> -->
+    <el-dialog class="map-dialog" title="地图信息" :visible.sync="dialogMapVisible" width="60%">
       <a-map ref="aMap" :lnglat="lnglat" />
     </el-dialog>
   </div>
 </template>
 
 <script>
-import AMapUI from '@/components/AMapUI'
 import SimpleAMap from '@/components/SimpleAMap'
 import { getAuthFormData, auditAuth } from '@/api/auth'
 import { mapGetters } from 'vuex'
 export default {
   components: {
-    [AMapUI.name]: AMapUI,
     [SimpleAMap.name]: SimpleAMap
   },
   data() {
@@ -260,55 +263,43 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.app-container {
-  .audit-content {
-    max-width: 1000px;
-    margin: 0 auto;
-    margin-top: 25px;
+.map {
+  cursor: pointer;
+  span {
+    margin-left: 4px;
+    color: #409eff;
   }
+}
 
-  .map {
-    cursor: pointer;
-    span {
-      margin-left: 4px;
-      color: #409eff;
+.grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  // grid-template-rows: repeat(2, 1fr);
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
+}
+.row {
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  margin-bottom: 25px;
+  .col {
+    font-size: 14px;
+    color: #333;
+    &:first-child {
+      min-width: 100px;
+      text-align: right;
+      margin-right: 8px;
+      font-weight: bold;
+      color: #666;
     }
-  }
 
-  .grid {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    // grid-template-rows: repeat(2, 1fr);
-    grid-column-gap: 0px;
-    grid-row-gap: 0px;
-  }
-  .row {
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-    margin-bottom: 25px;
-    .col {
-      font-size: 14px;
-      color: #333;
+    .el-image {
+      margin-left: 12px;
       &:first-child {
-        min-width: 100px;
-        text-align: right;
-        margin-right: 8px;
-        font-weight: bold;
-        color: #666;
-      }
-
-      .el-image {
-        margin-left: 12px;
-        &:first-child {
-          margin-left: 0;
-        }
+        margin-left: 0;
       }
     }
   }
-
-  .el-button {
-    width: 120px;
-  }
 }
 </style>