From 79259f0730cd90ed868e14f2f94198f09d7a00ec Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Wed, 3 Dec 2025 10:11:44 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AD=A6=E7=A4=BA=E6=8C=89=E9=92=AE=E3=80=81?=
 =?UTF-8?q?=E6=8E=92=E7=89=88=E7=AE=A1=E7=90=86=E5=91=98=E7=AB=AF=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E3=80=81=E6=A0=B7=E5=BC=8F=E8=A1=A5=E5=85=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/style/theme/common.scss          |  12 +++-
 src/views/elementGroups.vue          |   1 +
 src/views/super/paiban/college.vue   | 135 +++++++++++++++++++++++++++++------
 src/views/super/paiban/orderlist.vue |  79 +++++++++++++++++---
 src/views/super/paiban/tpl.vue       |  52 +++++++++++---
 5 files changed, 238 insertions(+), 41 deletions(-)

diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss
index 6fbb030..96803eb 100644
--- a/src/style/theme/common.scss
+++ b/src/style/theme/common.scss
@@ -470,7 +470,8 @@ body {
 }
 
 .el-button--text,
-.el-button--grey {
+.el-button--grey,
+.el-button--warn {
     padding: 0;
     color: #006AFF;
     width: auto !important;
@@ -492,6 +493,15 @@ body {
     }
 }
 
+.el-button--warn {
+    color: #FF4D4F;
+
+    &:hover {
+        color: #006AFF;
+        opacity: 1;
+    }
+}
+
 .el-button--ignore {
     color: #626573;
     background: #FFFFFF;
diff --git a/src/views/elementGroups.vue b/src/views/elementGroups.vue
index 1b3688b..a6a3124 100644
--- a/src/views/elementGroups.vue
+++ b/src/views/elementGroups.vue
@@ -291,6 +291,7 @@
                     <label for="">文字按钮：</label>
                     <GuipButton type="text">强引导</GuipButton>
                     <GuipButton type="grey">弱引导</GuipButton>
+                    <GuipButton type="warn">警示</GuipButton>
                 </div>
                 <div class="ele-item">
                     <label for="">独特按钮：可以自定义划过时 图标图片、文字颜色</label>
diff --git a/src/views/super/paiban/college.vue b/src/views/super/paiban/college.vue
index 7fc40b1..5ffc80b 100644
--- a/src/views/super/paiban/college.vue
+++ b/src/views/super/paiban/college.vue
@@ -1,30 +1,49 @@
 <template>
     <div class="main-content12 recharge-wrap">
         <div class="flex-common">
-            <el-form class="mt24">
-                <div class="flex-between">
+            <el-form class="">
+                <div class="flex-between mb24">
                     <div class="flex filter-area">
                         <label for="">收录申请</label>
-                        <GuipSelect width="150px" clearable label="状态" :options="['麻辣烫','提拉米苏']" v-model="review_status" />
-                        <GuipSelect width="150px" clearable label="学历" :options="['麻辣烫','提拉米苏']" v-model="degree" />
-                        <GuipInput ref="GuipInput" label="学校" placeholder="输入学校名称" v-model="school" />
+                        <GuipSelect width="180px" clearable label="状态" :options="['麻辣烫','提拉米苏']" v-model="review_status" />
+                        <GuipSelect width="180px" clearable label="学历" :options="['麻辣烫','提拉米苏']" v-model="degree" />
+                        <GuipInput ref="GuipInput" width="280px" label="学校" placeholder="输入学校名称" v-model="school" />
                     </div>
-                    <GuipButton>收录成功通知</GuipButton>
-                </div>
+                    <GuipButton type="primary" :btnstyle="{ width: '120px' }">收录成功通知
+                    </GuipButton>
+                </div> 
                 <GuipTable :tableData="tableList" :key="tableKey" ref="multipleTable" autoColumn="true" :loading="tableLoading" style="flex:1">
                     <template>
                         <el-table-column fixed="left" prop="school_name" label="学校" min-width="200"></el-table-column>
                         <el-table-column prop="degree_name" label="学历" min-width="200"></el-table-column>
                         <el-table-column prop="college_name" label="学院" min-width="200"></el-table-column>
-                        <el-table-column prop="review_status_desc" label="要求" min-width="200"></el-table-column>
-                        <el-table-column prop="review_status_desc" label="论文" min-width="200"></el-table-column>
+                        <el-table-column prop="phone" label="反馈用户手机号" min-width="200"></el-table-column>
+                        <el-table-column prop="review_status_desc" label="要求" min-width="200">
+                            <template slot-scope="scope">
+                                <svg-icon :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'" @click="handleLunwen(scope.row.status)" 
+                                :hoverColor="'#006AFF'" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="review_status_desc" label="论文" min-width="200">
+                            <template slot-scope="scope">
+                                <SvgIcon :path="require('@/assets/register/tableEdit.svg')" @click="handleLunwen(scope.row.status)" :color="'#8A9099'"
+                                :hoverColor="'#006AFF'" />
+                            </template>
+                        </el-table-column>
                         <el-table-column prop="review_status_desc" label="上传时间" min-width="200"></el-table-column>
-                        <el-table-column prop="review_status_desc" label="状态" min-width="200"></el-table-column>
+                        <el-table-column prop="status" label="状态" min-width="200">
+                            <template slot-scope="scope">
+                                <span :class="['status','status'+[scope.row.status]]">{{ scope.row.status_desc }}</span>
+                            </template>
+                        </el-table-column>
                         <el-table-column fixed="right" prop="tid" label="操作" min-width="100">
                             <template slot-scope="scope">
                                 <div class="flex">
-                                    <GuipButton type="text" @click="handleConfirm(scope.row.id)">收录</GuipButton>
-                                    <GuipButton type="text" @click="handleRefuse(scope.row)">拒绝</GuipButton>
+                                    <GuipButton v-if="scope.row.status == 0" type="text" @click="handleConfirm(scope.row.id)">收录</GuipButton>
+                                    <GuipButton v-if="scope.row.status == 3" type="text" @click="handleConfirm(scope.row.id)">恢复代收录</GuipButton>
+                                    <GuipButton v-if="scope.row.status==1" type="text" @click="handleConfirm(scope.row.id)">修改</GuipButton>
+                                    <GuipButton v-if="scope.row.status == 0" type="warn" @click="handleRefuse(scope.row)">拒绝</GuipButton>
+                                    <GuipButton v-if="scope.row.status == 2" type="warn" @click="handleRefuse(scope.row)">取消</GuipButton>
                                 </div>
                             </template>
                         </el-table-column>
@@ -37,11 +56,12 @@
             </el-form>
         </div>
 
-        <GuipDialog :dialogVisible="isShowDialog" title="拒绝收录原因" :show-close-button="false"
+        <GuipDialog :dialogVisible="true" title="拒绝收录原因" :show-close-button="false"
                     :show-cancel-button="true" @confirm="handleConfirmRefuse" @cancel="handleCancelRefuse">
             <!-- 自定义内容 -->
             <el-form>
-                <GuipTextarea :label="'拒绝收录'+tpl_name+'模板'" :styleObject="{ width: '450px' }" placeholder="说明原因，发送短信给用户手机" autosize v-model="refuse_reason" />
+                <p style="margin-bottom: 14px">{{'拒绝收录'+tpl_name+'模板'}}</p>
+                <GuipTextarea :styleObject="{ width: '450px' }" placeholder="说明原因，发送短信给用户手机" autosize v-model="refuse_reason" />
             </el-form>
         </GuipDialog>
 
@@ -49,7 +69,7 @@
 </template>
 <script>
 
-
+import SvgIcon from '@/components/SvgIcon.vue';
 import GuipButton from "@/components/GuipButton.vue";
 import GuipTable from "@/components/GuipTable.vue";
 import GuipSelect from "@/components/GuipSelect.vue";
@@ -57,13 +77,23 @@ import GuipInput from "@/components/GuipInput.vue";
 import GuipDialog from "@/components/GuipDialog.vue";
 import GuipTextarea from "@/components/GuipTextarea.vue";
 
+// 假设一下状态
+// status:{
+//     0:'待收录',
+//     1:'已收录',
+//     2:'收录中',
+//     3:'不收录'
+// }
+
 export default {
     components: {
         GuipTextarea,
         GuipDialog,
-        GuipInput, GuipSelect,
+        GuipInput,
+        GuipSelect,
         GuipTable,
         GuipButton,
+        SvgIcon
 
     },
     options: { styleIsolation: "shared" },
@@ -71,12 +101,36 @@ export default {
         return {
             tableLoading:false,
             tableKey: '',
-
             school:'',
             degree:'',
             review_status: -1,
 
-            tableList:[],
+            tableList:[
+                {
+                    school_name:'清华大学',
+                    phone:'16675839374',
+                    status:0,
+                    status_desc:'待收录'
+                },
+                {
+                    school_name:'清华大学',
+                    phone:'16675839374',
+                    status:1,
+                    status_desc:'已收录'
+                },
+                {
+                    school_name:'清华大学',
+                    phone:'16675839374',
+                    status:2,
+                    status_desc:'收录中'
+                },
+                {
+                    school_name:'清华大学',
+                    phone:'16675839374',
+                    status:3,
+                    status_desc:'不收录'
+                },
+            ],
             currentPage: 1,    //当前页
             pageSize: 20,   //每页的容量
             total: 0,   //列表总数
@@ -89,7 +143,7 @@ export default {
     },
     mounted() {
         this.$nextTick(()=>{
-            this.init()
+            // this.init()
         })
     },
     methods: {
@@ -151,6 +205,9 @@ export default {
                 console.error('数据加载失败:', error)
             }
         },
+        handleLunwen(row){
+            this.refuse_id = row.id
+        },
         handleRefuse(row){
             this.isShowDialog = true
             this.refuse_id = row.id
@@ -189,15 +246,51 @@ export default {
 
 </script>
 <style lang="scss" scoped>
+                        // 山药 茯苓 薏米 芡实 桔梗 益智仁
+
+.status{
+    width: 65px;
+    height: 22px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 2px 10px;
+    border-radius: 4px;
+    background: #F6F7FA;
+    box-sizing: border-box;
+    border: 1px solid #DFE2E6;
+    letter-spacing: 0.08em;
+    box-sizing: border-box;
+    color: #626573;
+}
+.status0{
+    border: 1px solid #BFDAFF;
+    background: #F2F7FF;
+    color: #006AFF;
+}
+.status1{
+    border: 1px solid #DFE2E6;
+    background: #F6F7FA;
+    color: #626573;
+}
+.status2{
+    background: #FFFBF2;
+    border: 1px solid rgba(251, 131, 45, 0.38);
+    color: #FB832D;
+}
+.status3{
+    border: 1px solid #FFA39E;
+    background: #FFF1F0;
+    color: #FF4D4F;
+}
 ::v-deep .el-form-item{
   margin: 0;
 }
 ::v-deep .el-form-item__label{
-  margin-bottom: 12px;
+//   margin-bottom: 12px;
 }
 
 .filter-area{
-  margin-bottom: 20px;
   gap: 32px;
   label{
     letter-spacing: 0.08em;
diff --git a/src/views/super/paiban/orderlist.vue b/src/views/super/paiban/orderlist.vue
index c4e47af..f24be63 100644
--- a/src/views/super/paiban/orderlist.vue
+++ b/src/views/super/paiban/orderlist.vue
@@ -1,20 +1,20 @@
 <template>
     <div class="main-content12 recharge-wrap">
         <div class="flex-common">
-            <el-form class="mt24">
+            <el-form class="">
                 <div class="flex-between filter-area">
                     <label for="">订单管理</label>
                     <div class="flex gap12">
-                        <GuipInput ref="GuipInput" label="订单号" placeholder="请输入订单号" v-model="orderId" />
+                        <GuipInput ref="GuipInput" label="订单号" placeholder="请输入订单号" v-model="orderId" width="280px"/>
                         <GuipButton type="system">搜索</GuipButton>
                     </div>
                 </div>
                 <GuipTable :tableData="tableList" :key="tableKey" ref="multipleTable" autoColumn="true" :loading="tableLoading" style="flex:1">
                     <template>
-                        <el-table-column fixed="left" prop="school_name" label="ID" min-width="200"></el-table-column>
+                        <el-table-column fixed="left" prop="school_name" label="ID" min-width="150"></el-table-column>
                         <el-table-column prop="degree_name" label="订单号" min-width="200"></el-table-column>
-                        <el-table-column prop="college_name" label="支付方式" min-width="200"></el-table-column>
-                        <el-table-column prop="src" label="渠道" min-width="200">
+                        <el-table-column prop="college_name" label="支付方式" min-width="100"></el-table-column>
+                        <el-table-column prop="src" label="渠道" min-width="100">
                             <template slot-scope="scope">
                                 <div class="flex">
                                     <GuipToolTip :content="scope.row.src_desc">
@@ -61,15 +61,14 @@
                         <el-table-column prop="status_desc" label="原论文" min-width="200"></el-table-column>
                         <el-table-column fixed="right" prop="tid" label="操作" min-width="100">
                             <template slot-scope="scope">
-                                <GuipButton type="text" @click="handleShowInfo(scope.row.tid)">编辑</GuipButton>
-                                <GuipButton type="text" @click="handleShowInfo(scope.row.tid)">拒绝</GuipButton>
+                                <GuipButton type="text" @click="handleShowInfo(scope.row.tid)">下载结果</GuipButton>
+                                <GuipButton type="text" v-if="false" @click="handleShowInfo(scope.row.tid)">重新生成</GuipButton>
                             </template>
                         </el-table-column>
                     </template>
                 </GuipTable>
                 <el-pagination background @size-change='handleSizeChange' @current-change='handleCurrentChange'
-                               :current-page="currentPage" :page-size=pageSize layout="prev, pager, next,jumper"
-                               :total="parseInt(total)">
+                        :current-page="currentPage" :page-size=pageSize layout="prev, pager, next,jumper" :total="parseInt(total)">
                 </el-pagination>
             </el-form>
         </div>
@@ -99,7 +98,14 @@ export default {
 
             orderId:'',
 
-            tableList:[],
+            tableList:[
+            {
+                    school_name:'清华大学',
+                    phone:'16675839374',
+                    status:1,
+                    status_desc:'完成'
+                },
+            ],
             currentPage: 1,    //当前页
             pageSize: 20,   //每页的容量
             total: 0,   //列表总数
@@ -107,7 +113,7 @@ export default {
     },
     mounted() {
         this.$nextTick(()=>{
-            this.init()
+            // this.init()
         })
     },
     methods: {
@@ -119,6 +125,18 @@ export default {
             this.pageSize = 20
             this.getList()
         },
+        getChannelImg(src) {
+            switch (src) {
+                case 1:
+                    return require('@/assets/channel_1.svg')
+                case 2:
+                    return require('@/assets/channel_2.svg')
+                case 3:
+                    return require('@/assets/channel_3.svg')
+                default:
+                    return ''
+            }
+        },
         getList() {
             try {
                 this.$http('POST', '/supernew/ajax_get_paiban_template_list', {
@@ -143,6 +161,9 @@ export default {
             this.currentPage = val
             this.getList()
         },
+        handleShowInfo(tid) {
+            location.href = '/order/detail?tid=' + tid
+        }
     }
 }
 
@@ -152,6 +173,42 @@ export default {
   margin: 0;
 }
 
+.status{
+    width: 65px;
+    height: 22px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 2px 10px;
+    border-radius: 4px;
+    background: #F6F7FA;
+    box-sizing: border-box;
+    border: 1px solid #DFE2E6;
+    letter-spacing: 0.08em;
+    box-sizing: border-box;
+    color: #626573;
+}
+.status0{
+    border: 1px solid #BFDAFF;
+    background: #F2F7FF;
+    color: #006AFF;
+}
+.status1{
+    border: 1px solid #DFE2E6;
+    background: #F6F7FA;
+    color: #626573;
+}
+.status2{
+    background: #FFFBF2;
+    border: 1px solid rgba(251, 131, 45, 0.38);
+    color: #FB832D;
+}
+.status3{
+    border: 1px solid #FFA39E;
+    background: #FFF1F0;
+    color: #FF4D4F;
+}
+
 .filter-area{
   margin-bottom: 20px;
   gap: 32px;
diff --git a/src/views/super/paiban/tpl.vue b/src/views/super/paiban/tpl.vue
index d8e3318..de1b35f 100644
--- a/src/views/super/paiban/tpl.vue
+++ b/src/views/super/paiban/tpl.vue
@@ -1,12 +1,12 @@
 <template>
     <div class="main-content12 recharge-wrap">
         <div class="flex-common">
-            <el-form class="mt24">
-                <div class="flex-between">
+            <el-form class="">
+                <div class="flex-between mb24">
                     <div class="flex filter-area">
                         <label for="">模板列表</label>
-                        <GuipSelect width="150px" clearable label="学历" :options="['麻辣烫','提拉米苏']" v-model="degree" />
-                        <GuipInput ref="GuipInput" label="学校" placeholder="输入学校名称" v-model="school" />
+                        <GuipSelect width="180px" clearable label="学历" :options="['麻辣烫','提拉米苏']" v-model="degree" />
+                        <GuipInput ref="GuipInput" label="学校" placeholder="输入学校名称" width="280px"  v-model="school" />
                     </div>
                     <GuipButton>添加模板</GuipButton>
                 </div>
@@ -16,7 +16,11 @@
                         <el-table-column prop="degree_name" label="学历" min-width="200"></el-table-column>
                         <el-table-column prop="college_name" label="学院" min-width="200"></el-table-column>
                         <el-table-column prop="status_desc" label="更新时间" min-width="200"></el-table-column>
-                        <el-table-column prop="status_desc" label="状态" min-width="200"></el-table-column>
+                        <el-table-column prop="status" label="状态" min-width="200">
+                            <template slot-scope="scope">
+                                <span :class="['status','status'+[scope.row.status]]">{{ scope.row.status_desc }}</span>
+                            </template>
+                        </el-table-column>
                         <el-table-column fixed="right" prop="tid" label="操作" min-width="100">
                             <template slot-scope="scope">
                                 <GuipButton type="text" @click="jumpEdit(scope.row.id)">编辑</GuipButton>
@@ -58,7 +62,14 @@ export default {
             degree:'',
             status:'',
 
-            tableList:[],
+            tableList:[
+            {
+                    school_name:'清华大学',
+                    phone:'16675839374',
+                    status:1,
+                    status_desc:'启用'
+                },
+            ],
             currentPage: 1,    //当前页
             pageSize: 20,   //每页的容量
             total: 0,   //列表总数
@@ -66,7 +77,7 @@ export default {
     },
     mounted() {
         this.$nextTick(()=>{
-            this.init()
+            // this.init()
         })
     },
     methods: {
@@ -118,7 +129,6 @@ export default {
 }
 
 .filter-area{
-  margin-bottom: 20px;
   gap: 32px;
   label{
     letter-spacing: 0.08em;
@@ -128,4 +138,30 @@ export default {
     color: #1E2226;
   }
 }
+
+.status{
+    width: 50px;
+    height: 22px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 2px 10px;
+    border-radius: 4px;
+    background: #F6F7FA;
+    box-sizing: border-box;
+    border: 1px solid #DFE2E6;
+    letter-spacing: 0.08em;
+    box-sizing: border-box;
+    color: #626573;
+}
+.status1{
+    color: #0DAF49;
+    background: rgba(239, 255, 224, 0.5);
+    border: 1px solid rgba(0, 194, 97, 0.6);
+}
+.status0{
+    border: 1px solid #DFE2E6;
+    background: #F6F7FA;
+    color: #626573;
+}
 </style>
\ No newline at end of file