Skip to content

G
GaoQuYingJiH5-SDT
Commit 887835ab authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

v-block

parent 05afe206
Pipeline #392 failed with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 119 additions and 55 deletions
      css/common.css 0 → 100644
      View file @ 887835ab
      [v-cloak]{
      display: none;
      }
      \ No newline at end of file
      js/includeHead.js
      View file @ 887835ab
      ...@@ -12,7 +12,7 @@ if(getPageN() === 'index'){ ...@@ -12,7 +12,7 @@ if(getPageN() === 'index'){
      document.write('<link rel="icon" href="https://whjqaqscxt.weihai.cn/favicon.ico">'); document.write('<link rel="icon" href="https://whjqaqscxt.weihai.cn/favicon.ico">');
      document.write('<link rel="stylesheet" type="text/css" href="' + contextPath + '/css/normalize.css" />'); document.write('<link rel="stylesheet" type="text/css" href="' + contextPath + '/css/normalize.css" />');
      document.write('<link rel="stylesheet" type="text/css" href="' + contextPath + '/css/vant.css" />'); document.write('<link rel="stylesheet" type="text/css" href="' + contextPath + '/css/vant.css" />');
      document.write('<link rel="stylesheet" type="text/css" href="' + contextPath + '/css/index.css?rev=' + jsVersion + '" />'); document.write('<link rel="stylesheet" type="text/css" href="' + contextPath + '/css/common.css?rev=' + jsVersion + '" />');
      //plupload //plupload
      document.write('<script type="text/javascript" src="' + contextPath + '/js/vue.min.js"></script>\ document.write('<script type="text/javascript" src="' + contextPath + '/js/vue.min.js"></script>\
      ......
      views/yh-company.html
      View file @ 887835ab
      ...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
      <div class="searchWrapper"> <div class="searchWrapper">
      <van-search v-model="value" placeholder="请输入搜索关键词" /> <van-search v-model="value" placeholder="请输入搜索关键词" />
      </div> </div>
      <div class="content"> <div class="content" v-cloak>
      <van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList"> <van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList">
      <van-cell v-for="item in list" :key="item"> <van-cell v-for="item in list" :key="item">
      <div class="itemWrapper" @click="nav(item)"> <div class="itemWrapper" @click="nav(item)">
      ......
      views/yh-list-detail.html
      View file @ 887835ab
      ...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
      </head> </head>
      <body> <body>
      <div id="app"> <div id="app">
      <div class="content"> <div class="content" v-cloak>
      <van-cell-group> <van-cell-group>
      <van-cell is-link @click="showPopup=true">检查日期<span class="formValue">{{createDate}}</span></van-cell> <van-cell is-link @click="showPopup=true">检查日期<span class="formValue">{{createDate}}</span></van-cell>
      <van-popup v-model="showPopup" position="bottom" :style="{ height: '30%' }"> <van-popup v-model="showPopup" position="bottom" :style="{ height: '30%' }">
      ...@@ -101,6 +101,7 @@ ...@@ -101,6 +101,7 @@
      </van-popup> </van-popup>
      </van-cell-group> </van-cell-group>
      <van-cell-group> <van-cell-group>
      <van-cell>隐患照片： <van-cell>隐患照片：
      <div style="width: 1.5rem;"> <div style="width: 1.5rem;">
      ...@@ -108,6 +109,31 @@ ...@@ -108,6 +109,31 @@
      </div></van-cell> </div></van-cell>
      </van-cell-group> </van-cell-group>
      <van-cell-group>
      <van-cell>整改照片：
      <div style="width: 1.5rem;">
      <van-image
      width="100"
      height="100"
      src="https://img01.yzcdn.cn/vant/cat.jpeg"
      />
      </div></van-cell>
      </van-cell-group>
      <div v-if="hdStatus===1||hdStatus===2">
      <van-cell-group>
      <van-field v-model="hdRectificationDate" label="审核日期" placeholder="" />
      </van-cell-group>
      <van-cell-group>
      <van-field v-model="hdAcceptancePerson" label="审核人员" placeholder="" />
      </van-cell-group>
      <van-cell-group>
      <van-field v-model="hdRectificationRecord" type="textarea" label="审核记录" autosize placeholder="" />
      </van-cell-group>
      </div>
      <div class="formSubmitBtnWrapper"><van-button type="info" size="small" @click="">提交</van-button></div> <div class="formSubmitBtnWrapper"><van-button type="info" size="small" @click="">提交</van-button></div>
      </div> </div>
      ......
      views/yh-list-detail.js
      View file @ 887835ab
      ...@@ -6,8 +6,77 @@ window.addEventListener("load", function() { ...@@ -6,8 +6,77 @@ window.addEventListener("load", function() {
      el: '#app', el: '#app',
      data() { data() {
      return { return {
      editAble: true,
      // checkImg:false,
      // showButton:false,
      // // 企业id
      // companyId: app.globalData.currentEnter.companyId,
      // // 隐患验收人
      hdAcceptancePerson: "刘德华",
      // // 隐患描述
      // comment: '',
      // // 隐患id
      // hdId: -1,
      // // 隐患描述
      // hdDesc: "",
      // // 检查日期
      // hdInspectDate: '',
      // // 检查专家
      hdInspectExpert: '刘德华',
      // // 隐患级别 1 2
      // hdLevel: 1,
      // // 隐患名称
      // hdName: '',
      // // 隐患图片
      // hdPic: null,
      // // 隐患整改日期
      hdRectificationDate: '2024-3-8 10:04:09',
      // // 隐患整改图片
      hdRectificationPic: null,
      hdRectificationRecord: '24年02月22日 审核未通过;24年02月22日 审核未通过',
      hdStatus: 1,
      // // 隐患整改建议
      suggestion:'',
      // hdRectificationSug: '',
      // // 隐患状态 0 正在整改 1 整改完毕
      // hdStatus: 1,
      // // 隐患预览图片
      // imgsrcurl: '',
      // // 整改预览照片
      // imgrecturl: '',
      // // 隐患图片文件路径
      // hdFilePath: '',
      // // 整改图片文件路径
      // rectFilePath: '',
      // // 放大图片的路径
      // enlargeUrl: '',
      // topAnimation: {},
      // curRole:'',
      // isToEnLarge: false,
      // xcx:'xcx',
      // // 总的安全类别
      // secType: [
      // {
      // name: '安全资料类'
      // },
      // {
      // name: '现场检查类'
      // }
      // ],
      // //
      // curSelectSecType: '',
      // // 安全检查类别
      // secCheckType: [],
      // // 安全检查类别替代
      // secCheckTypeReplace: [],
      // // 当前选择的安全检查类别
      // curSelectSecCheckTypeReplace: '',
      // // 安全检查内容
      // secCheckContent: [],
      // // 当前选择的安全检查内容
      // curSelectCheckContent: '',
      hdInspectExpert: '', hdInspectExpert: '',
      hdLevel: '', hdLevel: '1',
      username: '', username: '',
      password: '', password: '',
      value: '', value: '',
      ...@@ -25,7 +94,6 @@ window.addEventListener("load", function() { ...@@ -25,7 +94,6 @@ window.addEventListener("load", function() {
      } }
      }, },
      mounted() { mounted() {
      this.getList()
      }, },
      methods: { methods: {
      ...@@ -44,45 +112,6 @@ window.addEventListener("load", function() { ...@@ -44,45 +112,6 @@ window.addEventListener("load", function() {
      console.log('value', VUE.showPopup) console.log('value', VUE.showPopup)
      }, },
      // 校验函数返回 true 表示校验通过，false 表示不通过
      validator(val) {
      return /1\d{10}/.test(val);
      },
      // 异步校验函数返回 Promise
      asyncValidator(val) {
      return new Promise((resolve) => {
      Toast.loading('验证中...');
      setTimeout(() => {
      Toast.clear();
      resolve(/\d{6}/.test(val));
      }, 1000);
      });
      },
      onFailed(errorInfo) {
      console.log('failed', errorInfo);
      },
      onSubmit(values) {
      console.log('submit', values);
      },
      nav(item) {
      location.href = './yh-list.html'
      },
      getList() {
      console.log('到底了，开始加载。。。。')
      for (let i = 0; i < 10; i++) {
      this.list.push(this.list.length + 1);
      }
      console.log(this.list)
      // 加载状态结束
      this.loading = false;
      // // 数据全部加载完成
      if (this.list.length >= 40) {
      this.finished = true;
      }
      }
      }, },
      }); });
      }); });
      \ No newline at end of file
      views/yh-list.html
      View file @ 887835ab
      ...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
      font-size: 0.6rem; font-size: 0.6rem;
      } }
      .list-content-fz{ .list-content-fz{
      font-size: 0.4itemWrapperrem; font-size: 0.4rem;
      } }
      .itemWrapper{ .itemWrapper{
      ...@@ -27,10 +27,10 @@ ...@@ -27,10 +27,10 @@
      overflow: hidden; overflow: hidden;
      padding-left: 0.5rem; padding-left: 0.5rem;
      } }
      .searchWrapper{ .funtionBtnWrapper{
      display: flex; display: flex;
      background-color: #fff; background-color: #fff;
      justify-content: end; justify-content: flex-end;
      padding-right: 0.4rem; padding-right: 0.4rem;
      padding-top: 0.3rem; padding-top: 0.3rem;
      ...@@ -48,24 +48,30 @@ ...@@ -48,24 +48,30 @@
      </head> </head>
      <body> <body>
      <div id="app"> <div id="app">
      <div class="searchWrapper"> <div class="funtionBtnWrapper">
      <van-button type="info" size="small" @click="add">新增</van-button> <van-button type="info" size="small" @click="add">新增</van-button>
      </div> </div>
      <div class="content"> <div class="content" v-cloak>
      <van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList"> <van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList">
      <van-cell v-for="item in list" :key="item"> <van-cell v-for="item in list" :key="item">
      <div class="itemWrapper" > <div class="itemWrapper" >
      <p class="bgImg"> <p class="">
      <span id=""> <span id="">
      隐患描述 {{item}} 隐患描述 {{item==1}}
      </span> </span>
      </p> </p>
      <p class="list-content-fz"> <p class="list-content-fz">
      <van-tag v-if="item%1==0" type="info">整改中</van-tag> <van-tag type="warning" size="mini">整改中</van-tag>
      <van-tag v-if="item%2==0" type="warning">待审核</van-tag>
      <van-tag v-if="item%3==0" type="primary">审核通过</van-tag>
      <van-tag v-if="item%4==0" type="danger">审核未通过</van-tag>
      </p> </p>
      <!-- <p class="list-content-fz" v-if="item==2">
      <van-tag type="warning">待审核</van-tag>
      </p>
      <p class="list-content-fz" v-if="item==3">
      <van-tag type="primary">审核通过</van-tag>
      </p>
      <p class="list-content-fz" v-if="item==4">
      <van-tag type="danger">审核未通过</van-tag>
      </p> -->
      <div class="pd-01rem"> <div class="pd-01rem">
      <van-button type="info" size="mini">查看</van-button> <van-button type="info" size="mini">查看</van-button>
      <van-button type="info" size="mini">编辑</van-button> <van-button type="info" size="mini">编辑</van-button>
      ......
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment