合并开发文件

chenhaozhe

2025-07-14 25100ec3d663fdab00f6dacb9f427b772c2f806f

 pages/shebeiguanli/table.vue

@@ -14,20 +14,19 @@
            </view>
         </view>
      </view>

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

		
      <view class="tabs">
         <view :class="tabs == 0 ? 'on':''" @tap="tabs = 0">全部</view>
         <view :class="tabs == 1 ? 'on':''" @tap="tabs = 1">运行</view>
         <view :class="tabs == 2 ? 'on':''" @tap="tabs = 2">待机</view>
         <view :class="tabs == 3 ? 'on':''" @tap="tabs = 3">停机</view>
      </view>

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

		
      <view class="list" v-for="(item,index) in showList" :key="index">
         <!-- #ifndef MP-WEIXIN -->
         <uni-card :title="item.设备名称" :extra="item.单据号" style="margin: 10px;" @tap="toList(item)">
            <view class="card-detail">
               <view class="detail" v-if="item.设备代码">
@@ -56,27 +55,27 @@
               </view>
            </view>
            <view class="card-detail" v-if="showDetail == index">
               <!--                <view class="detail" v-if="item.hmainid">
                           <text>hmainid：</text>{{item.hmainid}}
                        </view> -->
<!--                <view class="detail" v-if="item.hmainid">
                  <text>hmainid：</text>{{item.hmainid}}
               </view> -->
               <view class="detail" v-if="item.条形码">
                  <text>条码编号：</text>{{item.条形码}}
               </view>
               <!--                <view class="detail" v-if="item.HMaterID">
                           <text>HMaterID：</text>{{item.HMaterID}}
                        </view> -->
<!--                <view class="detail" v-if="item.HMaterID">
                  <text>HMaterID：</text>{{item.HMaterID}}
               </view> -->
               <view class="detail" v-if="item.物料名称">
                  <text>物料名称：</text>{{item.物料名称}}
               </view>
               <!--                <view class="detail" v-if="item.HUnitID">
                           <text>HUnitID：</text>{{item.HUnitID}}
                        </view> -->
<!--                <view class="detail" v-if="item.HUnitID">
                  <text>HUnitID：</text>{{item.HUnitID}}
               </view> -->
               <view class="detail" v-if="item.单位">
                  <text>单位：</text>{{item.单位}}
               </view>
               <!--                <view class="detail" v-if="item.HDeptID">
                           <text>HDeptID：</text>{{item.HDeptID}}
                        </view> -->
<!--                <view class="detail" v-if="item.HDeptID">
                  <text>HDeptID：</text>{{item.HDeptID}}
               </view> -->
               <view class="detail" v-if="item.使用部门">
                  <text>使用部门：</text>{{item.使用部门}}
               </view>
@@ -86,9 +85,9 @@
               <view class="detail" v-if="item.使用负责人">
                  <text>使用负责人：</text>{{item.使用负责人}}
               </view>
               <!--                <view class="detail" v-if="item.HRepairEmpID">
                           <text>HRepairEmpID：</text>{{item.HRepairEmpID}}
                        </view> -->
<!--                <view class="detail" v-if="item.HRepairEmpID">
                  <text>HRepairEmpID：</text>{{item.HRepairEmpID}}
               </view> -->
               <view class="detail" v-if="item.维护负责人">
                  <text>维护负责人：</text>{{item.维护负责人}}
               </view>
@@ -101,9 +100,9 @@
               <view class="detail" v-if="item.运行开始日期">
                  <text>运行开始日期：</text>{{item.运行开始日期.substr(0,10)}}
               </view>
               <!--                <view class="detail" v-if="item.HEquipFileTypeID">
                           <text>HEquipFileTypeID：</text>{{item.HEquipFileTypeID}}
                        </view> -->
<!--                <view class="detail" v-if="item.HEquipFileTypeID">
                  <text>HEquipFileTypeID：</text>{{item.HEquipFileTypeID}}
               </view> -->
               <view class="detail" v-if="item.工程编码">
                  <text>工程编码：</text>{{item.工程编码}}
               </view>
@@ -113,15 +112,15 @@
               <view class="detail" v-if="item.品牌">
                  <text>品牌：</text>{{item.品牌}}
               </view>
               <!--                <view class="detail" v-if="item.HSellSupID">
                           <text>HSellSupID：</text>{{item.HSellSupID}}
                        </view> -->
<!--                <view class="detail" v-if="item.HSellSupID">
                  <text>HSellSupID：</text>{{item.HSellSupID}}
               </view> -->
               <view class="detail" v-if="item.供应商">
                  <text>供应商：</text>{{item.供应商}}
               </view>
               <!--                <view class="detail" v-if="item.HMakeSupID">
                           <text>HMakeSupID：</text>{{item.HMakeSupID}}
                        </view> -->
<!--                <view class="detail" v-if="item.HMakeSupID">
                  <text>HMakeSupID：</text>{{item.HMakeSupID}}
               </view> -->
               <view class="detail" v-if="item.制造商">
                  <text>制造商：</text>{{item.制造商}}
               </view>
@@ -149,188 +148,48 @@
               <view class="detail" v-if="item.关闭日期">
                  <text>关闭日期：</text>{{item.关闭日期.substr(0,10)}}
               </view>
               <!--                <view class="detail" v-if="item.hbilltype">
                           <text>hbilltype：</text>{{item.hbilltype}}
                        </view> -->
<!--                <view class="detail" v-if="item.hbilltype">
                  <text>hbilltype：</text>{{item.hbilltype}}
               </view> -->
               <view class="detail" v-if="item.单据类型">
                  <text>单据类型：</text>{{item.单据类型}}
               </view>
               <!--                <view class="detail" v-if="item.HMoudType">
                           <text>HMoudType：</text>{{item.HMoudType}}
                        </view>
                        <view class="detail" v-if="item.hsubid">
                           <text>hsubid：</text>{{item.hsubid}}
                        </view> -->
<!--                <view class="detail" v-if="item.HMoudType">
                  <text>HMoudType：</text>{{item.HMoudType}}
               </view>
               <view class="detail" v-if="item.hsubid">
                  <text>hsubid：</text>{{item.hsubid}}
               </view> -->
            </view>
            <!-- #endif -->
            <!-- #ifdef MP-WEIXIN -->
            <uni-card style="margin: 10px;" @tap="toList(item)">
               <view class="card-detail">
                  <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['日期'].substr(0,10)}}
                  </view>
				
            <view class="more" v-if="showDetail == index && operations != 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['hmainid']">
    <text>hmainid：</text>{{item['hmainid']}}
  </view> -->
                  <view class="detail" v-if="item['条形码']">
                     <text>条码编号：</text>{{item['条形码']}}
                  </view>
                  <!--                <view class="detail" v-if="item['HMaterID']">
    <text>HMaterID：</text>{{item['HMaterID']}}
  </view> -->
                  <view class="detail" v-if="item['物料名称']">
                     <text>物料名称：</text>{{item['物料名称']}}
                  </view>
                  <!--                <view class="detail" v-if="item['HUnitID']">
    <text>HUnitID：</text>{{item['HUnitID']}}
  </view> -->
                  <view class="detail" v-if="item['单位']">
                     <text>单位：</text>{{item['单位']}}
                  </view>
                  <!--                <view class="detail" v-if="item['HDeptID']">
    <text>HDeptID：</text>{{item['HDeptID']}}
  </view> -->
                  <view class="detail" v-if="item['使用部门']">
                     <text>使用部门：</text>{{item['使用部门']}}
                  </view>
                  <view class="detail" v-if="item['HUseEmpID']">
                     <text>HUseEmpID：</text>{{item['HUseEmpID']}}
                  </view>
                  <view class="detail" v-if="item['使用负责人']">
                     <text>使用负责人：</text>{{item['使用负责人']}}
                  </view>
                  <!--                <view class="detail" v-if="item['HRepairEmpID']">
    <text>HRepairEmpID：</text>{{item['HRepairEmpID']}}
  </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['运行开始日期'].substr(0,10)}}
                  </view>
                  <!--                <view class="detail" v-if="item['HEquipFileTypeID']">
    <text>HEquipFileTypeID：</text>{{item['HEquipFileTypeID']}}
  </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['HSellSupID']">
    <text>HSellSupID：</text>{{item['HSellSupID']}}
  </view> -->
                  <view class="detail" v-if="item['供应商']">
                     <text>供应商：</text>{{item['供应商']}}
                  </view>
                  <!--                <view class="detail" v-if="item['HMakeSupID']">
    <text>HMakeSupID：</text>{{item['HMakeSupID']}}
  </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['hbilltype']">
    <text>hbilltype：</text>{{item['hbilltype']}}
  </view> -->
                  <view class="detail" v-if="item['单据类型']">
                     <text>单据类型：</text>{{item['单据类型']}}
                  </view>
                  <!--                <view class="detail" v-if="item['HMoudType']">
    <text>HMoudType：</text>{{item['HMoudType']}}
  </view>
  <view class="detail" v-if="item['hsubid']">
    <text>hsubid：</text>{{item['hsubid']}}
  </view> -->
               <view class="part" @tap.stop="operations = operations==index?-1:index">
                  <uni-icons type="more-filled" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>操作
               </view>
               <!-- #endif -->


               <view class="more" v-if="showDetail == index && operations != 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="operations = operations==index?-1:index">
                     <uni-icons type="more-filled" style="color: #888;margin-right: 10rpx;"
                        size="14"></uni-icons>操作
                  </view>
            </view>
            <view class="more" v-if="showDetail != index && operations != 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 && operations != 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="operations = operations==index?-1:index">
                     <uni-icons type="more-filled" style="color: #888;margin-right: 10rpx;"
                        size="14"></uni-icons>操作
                  </view>
               <view class="part" @tap.stop="operations = operations==index?-1:index">
                  <uni-icons type="more-filled" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>操作
               </view>

               <view class="op" v-if="operations == index">
                  <button class="op1" size="mini" plain @tap.stop="check(item)">开工</button>
                  <!--                <button class="op1" size="mini" plain @tap.stop="check(item)">完工</button>
            </view>
				
            <view class="op" v-if="operations == index">
               <button class="op1" size="mini" plain @tap.stop="check(item)">开工</button>
<!--                <button class="op1" size="mini" plain @tap.stop="check(item)">完工</button>
               <button class="op2" size="mini" plain @tap.stop="antiCheck(item)">停工</button> -->
                  <button class="op3" size="mini" plain @tap.stop="edit(item)">汇报</button>
                  <button class="op4" size="mini" plain @tap.stop="del(item)">异常申请</button>
                  <button class="op5" size="mini" plain @tap.stop="operations = -1">取消操作</button>
               </view>
            </uni-card>
               <button class="op3" size="mini" plain @tap.stop="edit(item)">汇报</button>
               <button class="op4" size="mini" plain @tap.stop="del(item)">异常申请</button>
               <button class="op5" size="mini" plain @tap.stop="operations = -1">取消操作</button>
            </view>
         </uni-card>
      </view>

		
      <view class="over" v-if="listData.length == 0">暂无数据</view>
      <view class="over" v-if="listData.length != 0 && listData.length != showList.length">加载中...</view>
      <view class="over" v-if="listData.length != 0 && listData.length == showList.length">已到底</view>
@@ -338,28 +197,26 @@
</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',
            tabs: 0,
            hform: {
               HNumber: '',
               HName: '',
       data() {
           return {
            userInfo:getUserInfo(),
            serverUrl: uni.getStorageSync('serverUrl')||'http://47.96.97.237/API',
            tabs:0,
            hform:{
               HNumber:'',
               HName:'',
            },
            sWhere: '',
            listData: [],
            showList: [],
            showDetail: -1,
            operations: -1,

            page: 1,
         }
      },
            sWhere:'',
            listData:[],
            showList:[],
            showDetail:-1,
            operations:-1,
				
            page:1,
           }
       },
      onLoad() {
         this.getList()
         // console.log(this.userInfo,uni.getStorageSync('HUserName'))
@@ -367,46 +224,46 @@
      onReachBottom: function() {
         this.page++
         setTimeout(() => {
            this.showList = this.showList.concat(this.getPage(this.page, this.listData))
            this.showList = this.showList.concat(this.getPage(this.page,this.listData))
         }, 100)
      },
      onPullDownRefresh: function() {
         this.clear()
         setTimeout(() => {
         setTimeout(()=>{
            uni.stopPullDownRefresh();
         }, 1000);
      },
      methods: {
         getPage(page, list) {
       methods: {
         getPage(page,list){
            let sindex = (parseInt(page) - 1) * 20
            let eindex = parseInt(page) * 20
            let newList = list.slice(sindex, eindex)
            let newList = list.slice(sindex,eindex)
            return newList
         },
         getList() {
         getList(){
            // console.log(this.sWhere)
            uni.showLoading({
               title: '加载中...'
               title:'加载中...'
            })
            uni.request({
               url: this.serverUrl + '/ReportPlatForm/SearchGetLineBindBillList',
               data: {
                url: this.serverUrl + '/ReportPlatForm/SearchGetLineBindBillList',
               data:{ 
                  // sWhere: this.sWhere,
                  HUserName: uni.getStorageSync('HUserName')
               },
               success: (res) => {
                  console.log(1, res.data.data);
                  if (res.data.count == 1) {
                success: (res) => {
                  console.log(1,res.data.data);
                  if(res.data.count == 1){
                     this.listData = res.data.data
                     this.showList = this.getPage(this.page, this.listData)
                     setTimeout(() => {
                        uni.hideLoading()
                     this.showList = this.getPage(this.page,this.listData)
                     setTimeout(()=>{
                          uni.hideLoading()
                     }, 1000)
                  } else {
                  }else{
                     uni.hideLoading()
                     uni.showToast({
                        title: res.data.Message,
                        icon: 'none'
                        title:res.data.Message,
                        icon:'none'
                     })
                  }
               },
@@ -414,118 +271,118 @@
                  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
         },
         //搜索
         search() {
         search(){
            this.sWhere = ''
            this.listData = []
            this.page = 1
            this.showList = []

				
            console.log(this.hform)
            if (this.hform.HNumber) {
               this.sWhere += " and 设备代码 like '%" + this.hform.HNumber + "%'";
                this.sWhere += " and 设备代码 like '%" + this.hform.HNumber + "%'";
            }
            if (this.hform.HName) {
               this.sWhere += " and 设备名称 like '%" + this.hform.HName + "%'";
                this.sWhere += " and 设备名称 like '%" + this.hform.HName + "%'";
            }

				
            this.getList()
         },
         //新增
         creat() {
         creat(){
            uni.navigateTo({
               url: '/pages/shebeidangan/form'
               url:'/pages/shebeidangan/form'
            })
         },
         //重置
         clear() {
         clear(){
            this.listData = []
            this.page = 1
            this.showList = []

				
            this.sWhere = ''
            this.showDetail = -1,
               this.operations = -1,
               this.hform = {
                  HNumber: '',
                  HName: '',
               }
            this.operations = -1,
            this.hform = {
               HNumber:'',
               HName:'',
            }
            this.getList()
         },
         //工单列表
         toList(item) {
         toList(item){
            uni.navigateTo({
               url: './list?HInterID=' + item.hmainid +
                  '&设备名称=' + item.设备名称 +
                  '&设备代码=' + item.设备代码 +
                  '&设备出厂日期=' + item.设备出厂日期 +
                  '&设备出厂编号=' + item.设备出厂编号 +
                  '&设备型号=' + item.设备型号 +
                  '&设备类型=' + item.设备类型 +
                  '&设备编码=' + item.设备编码 +
                  '&设备规格=' + item.设备规格,
               url:'./list?HInterID=' + item.hmainid 
               + '&设备名称=' + item.设备名称 
               + '&设备代码=' + item.设备代码 
               + '&设备出厂日期=' + item.设备出厂日期 
               + '&设备出厂编号=' + item.设备出厂编号 
               + '&设备型号=' + item.设备型号 
               + '&设备类型=' + item.设备类型
               + '&设备编码=' + item.设备编码
               + '&设备规格=' + item.设备规格,
            })
         },
         //编辑
         edit(item) {
         edit(item){
            console.log(item)
            uni.navigateTo({
               url: '/pages/shebeidangan/form?hmainid=' + item.hmainid
               url:'/pages/shebeidangan/form?hmainid=' + item.hmainid
            })
         },
         //删除
         del(item) {
         del(item){
            console.log(item)
            uni.showModal({
               title: '提示',
               content: '确认要删除吗，删除后不能恢复',
               success: (res) => {
                  if (res.confirm) {
                     console.log('用户点击确定');
                title: '提示',
                content: '确认要删除吗，删除后不能恢复',
                success: (res) => {
                    if (res.confirm) {
                        console.log('用户点击确定');
                     uni.request({
                        url: this.serverUrl + '/Gy_EquipFileMain/Delete_EquipFile',
                        data: {
                         url: this.serverUrl + '/Gy_EquipFileMain/Delete_EquipFile',
                        data:{ 
                           HItemID: item.hmainid,
                           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.clear()
                           }
                           uni.showToast({
                              title: res.data.Message,
                              icon: 'none'
                              title:res.data.Message,
                              icon:'none'
                           })
                        },
                        fail: (res) => {
                           console.log(res);
                           uni.showToast({
                              title: '接口请求失败',
                              icon: 'none'
                              title:'接口请求失败',
                              icon:'none'
                           })
                        },
                     });
                  } else if (res.cancel) {
                     console.log('用户点击取消');
                  }
               }
                    } else if (res.cancel) {
                        console.log('用户点击取消');
                    }
                }
            });
         },
         // //审核
@@ -539,174 +396,149 @@
         // },
         // //反审核
         // antiCheck(item){

				
         // },
      }
       }
   }
</script>

<style lang="scss" scoped>
   .form {
   .form{
      width: 640rpx;
      margin: 20rpx auto;
   }

   .tabs {
   .tabs{
      width: 100%;
      display: flex;

      view {
      view{
         width: 25%;
         font-size: 30rpx;
         color: #555;
         text-align: center;
         padding: 16rpx 0;
      }

      .on {
      .on{
         color: #3a78ff;
         font-weight: bold;
         border-bottom: 3px solid #3a78ff;
      }
   }

   .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;
         }
      }

      .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;
         line-height: 66rpx;
         font-size: 28rpx;
      }

      .btn-a {
      .btn-a{
         background-color: #acacac;
         color: #fff;
      }

      .btn-b {
      .btn-b{
         background-color: #41a863;
         color: #fff;
      }

      .btn-c {
      .btn-c{
         background-color: #3a78ff;
         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;
            color: #41a863;
         }

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

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

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

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

</style>