合并开发文件

chenhaozhe

2025-07-14 25100ec3d663fdab00f6dacb9f427b772c2f806f

 pages/shebeiweixiu/gz_table.vue

@@ -39,326 +39,202 @@
               <input v-model="hform.ColContent" placeholder="输入内容" />
            </view>
         </view>

			
         <view class="buttons">
            <button class="op5" size="mini" type="default" @tap="clear">重置</button>
            <button class="op3" size="mini" type="default" @tap="search">查询</button>
            <button class="op4" size="mini" type="default" @tap="close">关闭</button>
         </view>
      </view>

		
      <view style="width: 100%;height: 16rpx;background-color: #e5e5e5;"></view>

		
      <view class="list" v-for="(item,index) in listData" :key="index">
         <!-- #ifdef MP-WEIXIN -->
         <uni-card style="margin: 10px;" @tap="showDetail = showDetail==index?-1:index">
         <uni-card :title="item.设备名称" :extra="item.单据号" style="margin: 10px;" @tap="showDetail = showDetail==index?-1:index">
            <view class="card-detail">
               <view class="detail" v-if="item['设备代码']">
                  <text>设备代码：</text>{{item['设备代码']}}
               <view class="detail" v-if="item.设备代码">
                  <text>设备代码：</text>{{item.设备代码}}
               </view>
               <view class="detail" v-if="item['设备型号']">
                  <text>设备型号：</text>{{item['设备型号']}}
               <view class="detail" v-if="item.设备型号">
                  <text>设备型号：</text>{{item.设备型号}}
               </view>
               <view class="detail" v-if="item['故障类别代码']">
                  <text>故障类别代码：</text>{{item['故障类别代码']}}
               <view class="detail" v-if="item.故障类别代码">
                  <text>故障类别代码：</text>{{item.故障类别代码}}
               </view>
               <view class="detail" v-if="item['故障类别']">
                  <text>故障类别：</text>{{item['故障类别']}}
               <view class="detail" v-if="item.故障类别">
                  <text>故障类别：</text>{{item.故障类别}}
               </view>
               <view class="detail" v-if="item['发现人代码']">
                  <text>发现人代码：</text>{{item['发现人代码']}}
               <view class="detail" v-if="item.发现人代码">
                  <text>发现人代码：</text>{{item.发现人代码}}
               </view>
               <view class="detail" v-if="item['发现人']">
                  <text>发现人：</text>{{item['发现人']}}
               <view class="detail" v-if="item.发现人">
                  <text>发现人：</text>{{item.发现人}}
               </view>
               <view class="detail" v-if="item['负责人代码']">
                  <text>负责人代码：</text>{{item['负责人代码']}}
               <view class="detail" v-if="item.负责人代码">
                  <text>负责人代码：</text>{{item.负责人代码}}
               </view>
               <view class="detail" v-if="item['负责人']">
                  <text>负责人：</text>{{item['负责人']}}
               <view class="detail" v-if="item.负责人">
                  <text>负责人：</text>{{item.负责人}}
               </view>
               <view class="detail" v-if="item['发生日期']">
                  <text>发生日期：</text>{{item['发生日期'].substr(0,10)}}
               <view class="detail" v-if="item.发生日期">
                  <text>发生日期：</text>{{item.发生日期.substr(0,10)}}
               </view>
               <view class="detail" v-if="item['故障描述']">
                  <text>故障描述：</text>{{item['故障描述']}}
               <view class="detail" v-if="item.故障描述">
                  <text>故障描述：</text>{{item.故障描述}}
               </view>
               <view class="detail" v-if="item['表头备注']">
                  <text>表头备注：</text>{{item['表头备注']}}
               <view class="detail" v-if="item.表头备注">
                  <text>表头备注：</text>{{item.表头备注}}
               </view>
            </view>
            <view class="card-detail" v-if="showDetail == index">
               <view class="detail" v-if="item['部门名称']">
                  <text>部门名称：</text>{{item['部门名称']}}
               <view class="detail" v-if="item.部门名称">
                  <text>部门名称：</text>{{item.部门名称}}
               </view>
               <view class="detail" v-if="item['部门代码']">
                  <text>部门代码：</text>{{item['部门代码']}}
               <view class="detail" v-if="item.部门代码">
                  <text>部门代码：</text>{{item.部门代码}}
               </view>
               <view class="detail" v-if="item['内部单据号']">
                  <text>内部单据号：</text>{{item['内部单据号']}}
               <view class="detail" v-if="item.内部单据号">
                  <text>内部单据号：</text>{{item.内部单据号}}
               </view>
               <view class="detail" v-if="item['制单人']">
                  <text>制单人：</text>{{item['制单人']}}
               <view class="detail" v-if="item.制单人">
                  <text>制单人：</text>{{item.制单人}}
               </view>
               <view class="detail" v-if="item['制单日期']">
                  <text>制单日期：</text>{{item['制单日期'].substr(0,10)}}
               <view class="detail" v-if="item.制单日期">
                  <text>制单日期：</text>{{item.制单日期.substr(0,10)}}
               </view>
               <view class="detail" v-if="item['审核人']">
                  <text>审核人：</text>{{item['审核人']}}
               <view class="detail" v-if="item.审核人">
                  <text>审核人：</text>{{item.审核人}}
               </view>
               <view class="detail" v-if="item['审核日期']">
                  <text>审核日期：</text>{{item['审核日期'].substr(0,10)}}
               <view class="detail" v-if="item.审核日期">
                  <text>审核日期：</text>{{item.审核日期.substr(0,10)}}
               </view>
               <view class="detail" v-if="item['修改人']">
                  <text>修改人：</text>{{item['修改人']}}
               <view class="detail" v-if="item.修改人">
                  <text>修改人：</text>{{item.修改人}}
               </view>
               <view class="detail" v-if="item['修改日期']">
                  <text>修改日期：</text>{{item['修改日期'].substr(0,10)}}
               <view class="detail" v-if="item.修改日期">
                  <text>修改日期：</text>{{item.修改日期.substr(0,10)}}
               </view>
               <view class="detail" v-if="item['关闭人']">
                  <text>关闭人：</text>{{item['关闭人']}}
               <view class="detail" v-if="item.关闭人">
                  <text>关闭人：</text>{{item.关闭人}}
               </view>
               <view class="detail" v-if="item['关闭日期']">
                  <text>关闭日期：</text>{{item['关闭日期'].substr(0,10)}}
               <view class="detail" v-if="item.关闭日期">
                  <text>关闭日期：</text>{{item.关闭日期.substr(0,10)}}
               </view>
               <view class="detail" v-if="item['作废人']">
                  <text>作废人：</text>{{item['作废人']}}
               <view class="detail" v-if="item.作废人">
                  <text>作废人：</text>{{item.作废人}}
               </view>
               <view class="detail" v-if="item['作废日期']">
                  <text>作废日期：</text>{{item['作废日期'].substr(0,10)}}
               <view class="detail" v-if="item.作废日期">
                  <text>作废日期：</text>{{item.作废日期.substr(0,10)}}
               </view>
               <view class="detail" v-if="item['故障原因代码']">
                  <text>故障原因代码：</text>{{item['故障原因代码']}}
               <view class="detail" v-if="item.故障原因代码">
                  <text>故障原因代码：</text>{{item.故障原因代码}}
               </view>
               <view class="detail" v-if="item['故障原因名称']">
                  <text>故障原因名称：</text>{{item['故障原因名称']}}
               <view class="detail" v-if="item.故障原因名称">
                  <text>故障原因名称：</text>{{item.故障原因名称}}
               </view>
               <view class="detail" v-if="item['故障原因描述']">
                  <text>故障原因描述：</text>{{item['故障原因描述']}}
               <view class="detail" v-if="item.故障原因描述">
                  <text>故障原因描述：</text>{{item.故障原因描述}}
               </view>
               <view class="detail" v-if="item['表体负责人']">
                  <text>表体负责人：</text>{{item['表体负责人']}}
               <view class="detail" v-if="item.表体负责人">
                  <text>表体负责人：</text>{{item.表体负责人}}
               </view>
               <view class="detail" v-if="item['表体负责人代码']">
                  <text>表体负责人代码：</text>{{item['表体负责人代码']}}
               <view class="detail" v-if="item.表体负责人代码">
                  <text>表体负责人代码：</text>{{item.表体负责人代码}}
               </view>
               <view class="detail" v-if="item['行关闭人']">
                  <text>行关闭人：</text>{{item['行关闭人']}}
               <view class="detail" v-if="item.行关闭人">
                  <text>行关闭人：</text>{{item.行关闭人}}
               </view>
               <view class="detail" v-if="item['关闭类型']">
                  <text>关闭类型：</text>{{item['关闭类型']}}
               <view class="detail" v-if="item.关闭类型">
                  <text>关闭类型：</text>{{item.关闭类型}}
               </view>
               <view class="detail" v-if="item['关联数量']">
                  <text>关联数量：</text>{{item['关联数量']}}
               <view class="detail" v-if="item.关联数量">
                  <text>关联数量：</text>{{item.关联数量}}
               </view>
               <view class="detail" v-if="item['源单单号']">
                  <text>源单单号：</text>{{item['源单单号']}}
               <view class="detail" v-if="item.源单单号">
                  <text>源单单号：</text>{{item.源单单号}}
               </view>
               <view class="detail" v-if="item['源单类型']">
                  <text>源单类型：</text>{{item['源单类型']}}
               <view class="detail" v-if="item.源单类型">
                  <text>源单类型：</text>{{item.源单类型}}
               </view>
               <view class="detail" v-if="item['表体备注']">
                  <text>表体备注：</text>{{item['表体备注']}}
               <view class="detail" v-if="item.表体备注">
                  <text>表体备注：</text>{{item.表体备注}}
               </view>
            </view>
            <!-- #endif -->
            <!-- #ifndef MP-WEIXIN -->
            <uni-card :title="item.设备名称" :extra="item.单据号" style="margin: 10px;"
               @tap="showDetail = showDetail==index?-1:index">
               <view class="card-detail">
                  <view class="detail" v-if="item.设备代码">
                     <text>设备代码：</text>{{item.设备代码}}
                  </view>
                  <view class="detail" v-if="item.设备型号">
                     <text>设备型号：</text>{{item.设备型号}}
                  </view>
                  <view class="detail" v-if="item.故障类别代码">
                     <text>故障类别代码：</text>{{item.故障类别代码}}
                  </view>
                  <view class="detail" v-if="item.故障类别">
                     <text>故障类别：</text>{{item.故障类别}}
                  </view>
                  <view class="detail" v-if="item.发现人代码">
                     <text>发现人代码：</text>{{item.发现人代码}}
                  </view>
                  <view class="detail" v-if="item.发现人">
                     <text>发现人：</text>{{item.发现人}}
                  </view>
                  <view class="detail" v-if="item.负责人代码">
                     <text>负责人代码：</text>{{item.负责人代码}}
                  </view>
                  <view class="detail" v-if="item.负责人">
                     <text>负责人：</text>{{item.负责人}}
                  </view>
                  <view class="detail" v-if="item.发生日期">
                     <text>发生日期：</text>{{item.发生日期.substr(0,10)}}
                  </view>
                  <view class="detail" v-if="item.故障描述">
                     <text>故障描述：</text>{{item.故障描述}}
                  </view>
                  <view class="detail" v-if="item.表头备注">
                     <text>表头备注：</text>{{item.表头备注}}
                  </view>
				
            <view class="more" v-if="showDetail == index">
               <view class="part" style="border-right: 1px solid #eee;">
                  <uni-icons type="top" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>收起
               </view>
               <view class="card-detail" v-if="showDetail == index">
                  <view class="detail" v-if="item.部门名称">
                     <text>部门名称：</text>{{item.部门名称}}
                  </view>
                  <view class="detail" v-if="item.部门代码">
                     <text>部门代码：</text>{{item.部门代码}}
                  </view>
                  <view class="detail" v-if="item.内部单据号">
                     <text>内部单据号：</text>{{item.内部单据号}}
                  </view>
                  <view class="detail" v-if="item.制单人">
                     <text>制单人：</text>{{item.制单人}}
                  </view>
                  <view class="detail" v-if="item.制单日期">
                     <text>制单日期：</text>{{item.制单日期.substr(0,10)}}
                  </view>
                  <view class="detail" v-if="item.审核人">
                     <text>审核人：</text>{{item.审核人}}
                  </view>
                  <view class="detail" v-if="item.审核日期">
                     <text>审核日期：</text>{{item.审核日期.substr(0,10)}}
                  </view>
                  <view class="detail" v-if="item.修改人">
                     <text>修改人：</text>{{item.修改人}}
                  </view>
                  <view class="detail" v-if="item.修改日期">
                     <text>修改日期：</text>{{item.修改日期.substr(0,10)}}
                  </view>
                  <view class="detail" v-if="item.关闭人">
                     <text>关闭人：</text>{{item.关闭人}}
                  </view>
                  <view class="detail" v-if="item.关闭日期">
                     <text>关闭日期：</text>{{item.关闭日期.substr(0,10)}}
                  </view>
                  <view class="detail" v-if="item.作废人">
                     <text>作废人：</text>{{item.作废人}}
                  </view>
                  <view class="detail" v-if="item.作废日期">
                     <text>作废日期：</text>{{item.作废日期.substr(0,10)}}
                  </view>
                  <view class="detail" v-if="item.故障原因代码">
                     <text>故障原因代码：</text>{{item.故障原因代码}}
                  </view>
                  <view class="detail" v-if="item.故障原因名称">
                     <text>故障原因名称：</text>{{item.故障原因名称}}
                  </view>
                  <view class="detail" v-if="item.故障原因描述">
                     <text>故障原因描述：</text>{{item.故障原因描述}}
                  </view>
                  <view class="detail" v-if="item.表体负责人">
                     <text>表体负责人：</text>{{item.表体负责人}}
                  </view>
                  <view class="detail" v-if="item.表体负责人代码">
                     <text>表体负责人代码：</text>{{item.表体负责人代码}}
                  </view>
                  <view class="detail" v-if="item.行关闭人">
                     <text>行关闭人：</text>{{item.行关闭人}}
                  </view>
                  <view class="detail" v-if="item.关闭类型">
                     <text>关闭类型：</text>{{item.关闭类型}}
                  </view>
                  <view class="detail" v-if="item.关联数量">
                     <text>关联数量：</text>{{item.关联数量}}
                  </view>
                  <view class="detail" v-if="item.源单单号">
                     <text>源单单号：</text>{{item.源单单号}}
                  </view>
                  <view class="detail" v-if="item.源单类型">
                     <text>源单类型：</text>{{item.源单类型}}
                  </view>
                  <view class="detail" v-if="item.表体备注">
                     <text>表体备注：</text>{{item.表体备注}}
                  </view>
               <view class="part" @tap.stop="choose(item)">
                  <uni-icons type="checkmarkempty" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>选取该数据
               </view>
               <!-- #endif -->


               <view class="more" v-if="showDetail == index">
                  <view class="part" style="border-right: 1px solid #eee;">
                     <uni-icons type="top" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>收起
                  </view>
                  <view class="part" @tap.stop="choose(item)">
                     <uni-icons type="checkmarkempty" style="color: #888;margin-right: 10rpx;"
                        size="14"></uni-icons>选取该数据
                  </view>
            </view>
            <view class="more" v-if="showDetail != index">
               <view class="part" style="border-right: 1px solid #eee;">
                  <uni-icons type="bottom" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>更多信息
               </view>
               <view class="more" v-if="showDetail != index">
                  <view class="part" style="border-right: 1px solid #eee;">
                     <uni-icons type="bottom" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>更多信息
                  </view>
                  <view class="part" @tap.stop="choose(item)">
                     <uni-icons type="checkmarkempty" style="color: #888;margin-right: 10rpx;"
                        size="14"></uni-icons>选取该数据
                  </view>
               <view class="part" @tap.stop="choose(item)">
                  <uni-icons type="checkmarkempty" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>选取该数据
               </view>
            </uni-card>
            </view>
         </uni-card>
      </view>

		
      <view class="over" v-if="listData.length == 0">暂无数据</view>
      <view class="over" v-if="listData.length != 0">已到底</view>
   </view>
</template>

<script>
   import {
      getUserInfo
   } from "@/utils/auth.js";
   import { getUserInfo } from "@/utils/auth.js";
   export default {
      data() {
         return {
            userInfo: getUserInfo(),
            serverUrl: uni.getStorageSync('serverUrl') || 'http://47.96.97.237/API',
            hform: {
               HBillNo: '',
               HDate: '',
               HDate1: '',

               ColName: '',
               Comparator: '',
               ColContent: '',
       data() {
           return {
            userInfo:getUserInfo(),
            serverUrl: uni.getStorageSync('serverUrl')||'http://47.96.97.237/API',
            hform:{
               HBillNo:'',
               HDate:'',
               HDate1:'',
					
               ColName:'',
               Comparator:'',
               ColContent:'',
            },
            sWhere: '',
            listData: [],
            showDetail: -1,

            arrayColName: ['日期', '单据号', '设备代码', '设备名称', '故障类别代码', '故障类别', '发现人代码', '发现人', '部门代码', '部门名称', '负责人代码',
               '负责人', '发生日期', '故障描述', '表头备注', '内部单据号', '制单人', '制单日期', '审核人', '审核日期', '修改人', '修改日期', '关闭人', '关闭日期',
               '作废人', '作废日期', '故障原因代码', '故障原因名称', '故障原因描述', '表体负责人代码', '表体负责人', '行关闭人', '关闭类型', '表体备注', '源单单号',
               '源单类型', '关联数量'
            ],
            arrayComparator: ['=', '>=', '>', '<=', '<', '<>', '包含', '左包含', '右包含', '不包含']
            sWhere:'',
            listData:[],
            showDetail:-1,
				
            arrayColName:['日期','单据号','设备代码','设备名称','故障类别代码','故障类别','发现人代码','发现人','部门代码','部门名称','负责人代码','负责人','发生日期','故障描述','表头备注','内部单据号','制单人','制单日期','审核人','审核日期','修改人','修改日期','关闭人','关闭日期','作废人','作废日期','故障原因代码','故障原因名称','故障原因描述','表体负责人代码','表体负责人','行关闭人','关闭类型','表体备注','源单单号','源单类型','关联数量'],
            arrayComparator:['=','>=','>','<=','<','<>','包含','左包含','右包含','不包含']
         }
      },
       },
      created() {
         this.getList()
         console.log(this.userInfo, uni.getStorageSync('HUserName'))
         console.log(this.userInfo,uni.getStorageSync('HUserName'))
      },
      methods: {
         getList() {
       methods: {
         getList(){
            console.log(this.sWhere)
            uni.showLoading({
               title: '加载中...'
               title:'加载中...'
            })
            uni.request({
               url: this.serverUrl + '/Sb_EqpRepairWorkBill/GetEqpConkBookBillList',
               data: {
                url: this.serverUrl + '/Sb_EqpRepairWorkBill/GetEqpConkBookBillList',
               data:{ 
                  sWhere: this.sWhere,
                  user: uni.getStorageSync('HUserName')
               },
               success: (res) => {
                  console.log(1, res);
                  if (res.data.count == 1) {
                success: (res) => {
                    console.log(1,res);
                  if(res.data.count == 1){
                     this.listData = res.data.data
                     uni.hideLoading()
                  } else {
                  }else{
                     uni.hideLoading()
                     uni.showToast({
                        title: res.data.Message,
                        icon: 'none'
                        title:res.data.Message,
                        icon:'none'
                     })
                  }
               },
@@ -366,100 +242,100 @@
                  console.log(res);
                  uni.hideLoading()
                  uni.showToast({
                     title: '接口请求失败',
                     icon: 'none'
                     title:'接口请求失败',
                     icon:'none'
                  })
               },
            });
         },
         //选择单据日期
         BenginHCreateDateChange(e) {
         BenginHCreateDateChange(e){
            console.log(e.detail.value)
            this.hform.BenginHCreateDate = e.detail.value
         },
         //选择单据日期
         EndHCreateDateChange(e) {
         EndHCreateDateChange(e){
            console.log(e.detail.value)
            this.hform.EndHCreateDate = e.detail.value
         },
         //过滤
         ColNameChange(e) {
         ColNameChange(e){
            // console.log(e.detail.value)
            this.hform.ColName = this.arrayColName[e.detail.value]
            console.log(this.hform)
         },
         //条件
         ComparatorChange(e) {
         ComparatorChange(e){
            // console.log(e.detail.value)
            this.hform.Comparator = this.arrayComparator[e.detail.value]
            console.log(this.hform)
         },

         search() {
			
         search(){
            this.sWhere = ''

				
            console.log(this.hform)
            if (this.hform.HBillNo) {
               this.sWhere += " and 单据号 like '%" + this.hform.HBillNo + "%'";
                this.sWhere += " and 单据号 like '%" + this.hform.HBillNo + "%'";
            }
            if (this.hform.HDate) {
               this.sWhere += " and CONVERT(varchar(100),日期, 23) >= '" + this.hform.HDate + "'";
                this.sWhere += " and CONVERT(varchar(100),日期, 23) >= '" + this.hform.HDate + "'";
            }
            if (this.hform.HDate1) {
               this.sWhere += " and CONVERT(varchar(100),日期, 23) >= '" + this.hform.HDate1 + "'";
                this.sWhere += " and CONVERT(varchar(100),日期, 23) >= '" + this.hform.HDate1 + "'";
            }
            if (this.hform.ColName && this.hform.Comparator) {
               var com = "";
               if (this.hform.Comparator == '包含') {
                var com = "";
               if(this.hform.Comparator == '包含'){
                  com = "like'%" + this.hform.ColContent + "%'";
               } else if (this.hform.Comparator == '左包含') {
               }else if(this.hform.Comparator == '左包含'){
                  com = "like'%" + this.hform.ColContent + "'";
               } else if (this.hform.Comparator == '右包含') {
               }else if(this.hform.Comparator == '右包含'){
                  com = "like'" + this.hform.ColContent + "%'";
               } else if (this.hform.Comparator == '不包含') {
               }else if(this.hform.Comparator == '不包含'){
                  com = "not like'%" + this.hform.ColContent + "%'";
               } else {
               }else{
                  com = "" + this.hform.Comparator + "'" + this.hform.ColContent + "'";
               }

					
               this.sWhere += " and " + this.hform.ColName + " " + com;
            }

				
            this.getList()
         },
         //重置
         clear() {
         clear(){
            this.sWhere = ''
            this.showDetail = -1,
               this.hform = {
                  HBillNo: '',
                  HDate: '',
                  HDate1: '',

                  ColName: '',
                  Comparator: '',
                  ColContent: '',
               }
            this.hform = {
               HBillNo:'',
               HDate:'',
               HDate1:'',
					
               ColName:'',
               Comparator:'',
               ColContent:'',
            }
            this.getList()
         },
         choose(item) {
         choose(item){
            console.log(item)
            var data = {
               HMainSourceBillNo: item.单据号,
               HMainSourceInterID: item.hmainid,
               HMainSourceEntryID: item.hsubid,
               HMainSourceBillNo:item.单据号,
               HMainSourceInterID:item.hmainid,
               HMainSourceEntryID:item.hsubid,
            }
            this.$emit('gzData', data)
         },
         close() {
            this.$emit('close', true)
         close(){
            this.$emit('close',true)
         },
      }
       }
   }
</script>

<style lang="scss" scoped>
   .content {
   .content{
      width: 100%;
      height: 100%;
      background-color: #fff;
@@ -470,28 +346,23 @@
      left: 0;
      z-index: 99;
   }

   .form {
   .form{
      width: 640rpx;
      margin: 20rpx auto;
   }

   .form-item {
    .form-item{
      display: flex;
      align-items: center;
      font-size: 28rpx;
      padding: 6rpx 0;

      .title {
      .title{
         width: 180rpx;

         text {
         text{
            color: red;
            font-weight: bold;
         }
      }

      .left {
      .left{
         width: 170rpx;
         padding: 10rpx 0;
         margin-right: 10rpx;
@@ -500,34 +371,29 @@
         color: #888;
         text-align: center;
      }

      .right {
      .right{
         width: 450rpx;
         border-radius: 22rpx;
         border: 1px solid #acacac;
      }

      .righton {
      .righton{
         width: 450rpx;
         border-radius: 22rpx;
         border: 1px solid #e4e4e4;
         background-color: #e4e4e4;
      }

      input {
      input{
         width: 100%;
         padding: 8rpx 20rpx;
         font-size: 30rpx;
      }
   }

   .buttons {
   .buttons{
      width: 100%;
      display: flex;
      justify-content: center;
      margin-top: 20rpx;

      button {
      button{
         border-radius: 50rpx;
         width: 180rpx;
         height: 66rpx;
@@ -536,79 +402,69 @@
         color: #fff;
      }
   }

   .list {
	
   .list{
      width: 100%;

      .card-detail {
      .card-detail{
         width: 100%;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         line-height: 120%;

         .detail {
         .detail{
            // width: 50%;
            font-size: 26rpx;
            margin-bottom: 12rpx;
            color: #555;
            margin-right: 20rpx;

            text {
            text{
               color: #999;
               font-size: 26rpx;
            }
         }
      }

      .more {
      .more{
         color: #888;
         font-size: 24rpx;
         display: flex;
         border-top: 1px solid #eee;
         padding-top: 20rpx;

         .part {
         .part{
            width: 50%;
            text-align: center;
         }
      }

      .op {
      .op{
         display: flex;
         justify-content: space-around;
         margin-top: 20rpx;

         button {
         button{
            padding: 0;
            width: 150rpx;
            font-size: 25rpx;
         }
      }
   }

   .op1 {
	
   .op1{
      border: 1px solid #41a863;
      background-color: #41a863;
   }

   .op2 {
   .op2{
      border: 1px solid #d98d00;
      background-color: #d98d00;
   }

   .op3 {
   .op3{
      border: 1px solid #3a78ff;
      background-color: #3a78ff;
   }

   .op4 {
   .op4{
      border: 1px solid #da0000;
      background-color: #da0000;
   }

   .op5 {
   .op5{
      border: 1px solid #888;
      background-color: #888;
   }
</style>

</style>