厂商管理-待审核-审核

src/views/platform/manufacturer/detail.vue

@@ -4,7 +4,7 @@
             <el-tab-pane label="基本信息" name="base">
                 <div class="sub-title">锁定</div>
                 <div class="h1">基本信息</div>
-                <el-form :inline="true" label-width="100px" label-position="left">
+                <el-form :inline="true" :label-width="width + 'px'" label-position="left">
                     <el-row>
                         <el-col :span="18">
                             <div class="w240">
@@ -59,6 +59,13 @@
                                         item.label
                                     }}</el-radio>
                             </el-form-item>
+                            <br />
+                            <el-form-item :style="{
+                                marginLeft: `${width}px`
+                            }" v-if="type === '2'">
+                                <el-input :autosize="{ minRows: 5 }" type="textarea" placeholder="拒绝原因"
+                                    :minRow="5"></el-input>
+                            </el-form-item>
                         </el-col>
                         <el-col :span="5" :offset="1">
                             <user-avatar :circle="false" show-bottom-label />
@@ -84,10 +91,12 @@ export default {
     components: { userAvatar, DetailTable },
     dicts: ['manufacturer_type_1'],
     props: {
-        open: false
+        open: false,
+        type: String
     },
     data() {
         return {
+            width: 100,
             activeName: 'base',
             form: {
                 dateRange: '',

src/views/platform/manufacturer/detail_table.vue

@@ -28,7 +28,7 @@
 export default {
     name: 'DetailTable',
     props: {
-        type: Number
+        type: String
     },
     data() {
         return {

src/views/platform/manufacturer/index.vue

@@ -31,10 +31,12 @@
             </el-form-item>
             <br />
 
-            <el-form-item>
+            <el-form-item v-if="type === 1">
                 <el-button>批量锁定</el-button>
                 <el-button>批量开启</el-button>
-
+            </el-form-item>
+            <el-form-item v-else>
+                <el-button>批量审核</el-button>
             </el-form-item>
         </el-form>
 
@@ -57,6 +59,7 @@
             <el-table-column align="center" label="联系电话">
                 18888888888
             </el-table-column>
+            <template v-if="type === '1'">
                 <el-table-column align="center" label="经销商">
                     125
                 </el-table-column>
@@ -72,34 +75,60 @@
                 <el-table-column align="center" label="存储到期时间">
                     2022-12-31 12:31
                 </el-table-column>
+            </template>
+            <template v-else>
+                <el-table-column align="center" label="申请时间">
+                    2022-12-31 12:31
+                </el-table-column>
+            </template>
             <el-table-column align="center" label="状态">
                 正常
             </el-table-column>
             <el-table-column align="center" label="操作">
-                <el-button type="text" @click="open = true">详情</el-button>
+                <el-button type="text" @click="dialog.detail = true">详情</el-button>
                 <el-button type="text">锁定</el-button>
-
+                <el-button type="text" v-if="type === '2'" @click="dialog.audit = true">审核</el-button>
             </el-table-column>
         </el-table>
 
-        <detail :open="open" @close="open = false" />
+        <detail :open="dialog.detail" @close="dialog.detail = false" :type="type" />
+
+        <el-dialog :visible.sync="dialog.audit" title="审核">
+            <el-form :label-width="width + 'px'">
+                <el-form-item label="审核">
+                    <el-radio v-model="audit" :label="item.value" v-for="item in dict.type.audit_status"
+                        :key="item.value">{{
+                            item.label
+                        }}</el-radio>
+                </el-form-item>
+                <el-form-item>
+                    <el-input :autosize="{ minRows: 5 }" type="textarea" placeholder="拒绝原因" :minRow="5"></el-input>
+                </el-form-item>
+            </el-form>
+        </el-dialog>
 
         <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
             :limit.sync="queryParams.pageSize" @pagination="getList" />
     </div>
 </template>
 <script>
+import { type } from "os";
 import Detail from "./detail"
 export default {
     name: "Index",
-    dicts: ['manufacturer_type'],
+    dicts: ['manufacturer_type', 'audit_status'],
     components: { Detail },
     data() {
         return {
-            open: false,
+            width: 100,
+            dialog: {
+                detail: false,
+                audit: false
+            },
             dataList: [{}],
             //总记录数
             total: 1,
+            audit: '0',
             //查询参数
             queryParams: {
                 pageNum: 1,
@@ -112,6 +141,11 @@ export default {
         getList() {
 
         }
+    },
+    computed: {
+        type() {
+            return this.$route.fullPath.split('/').at(-1)
+        }
     }
 }
 </script>