网上办事-新

src/mods/AppAddressBook/AppAddressBook.vue

@@ -2,7 +2,7 @@
   <div class="wrapper">
     <AiTopFixed>
       <div class="searchObj">
-        <u-search v-model="name" placeholder="请输入姓名或电话" :show-action="false" clearabled bg-color="#fff" search-icon-color="#6AA8F8" placeholder-color="#D0D4D4" @search="handerSearch" @clear=";(index = []), (name = ''), getList()" />
+        <u-search v-model="name" ref="searchObj" placeholder="请输入姓名或电话" :show-action="false" clearabled bg-color="#fff" search-icon-color="#6AA8F8" placeholder-color="#D0D4D4" @search="handerSearch" @clear=";(index = []), (name = ''), getList()" />
       </div>
     </AiTopFixed>
 
@@ -65,7 +65,7 @@ export default {
   computed: {
     ...mapState(['user']),
   },
-
+  watch: {},
   methods: {
     phone({ phone: phoneNumber }) {
       uni.makePhoneCall({ phoneNumber })

src/mods/AppServiceOnlineNew/AppServiceOnlineNew.vue

@@ -0,0 +1,159 @@
+<template>
+  <div class="ServiceOnlineNew">
+    <div class="content">
+      <div class="card">
+        <div class="cards" @click="toSearch(0)">
+          <div class="left">
+            <img src="../../static/workOnline/icon3@2x.png" class="img-left" alt="" />
+          </div>
+
+          <div class="right">
+            <div class="hint-left">
+              <span class="title">就业失业</span>
+              <span class="hint">就业登记 失业登记</span>
+            </div>
+
+            <div class="hint-right">
+              <img src="../../static/workOnline/jt.png" class="img-icon" alt="" />
+            </div>
+          </div>
+        </div>
+
+        <div class="cards" @click="toSearch(1)">
+          <div class="left">
+            <img src="../../static/workOnline/icon11jyjn@2x.png" class="img-left" alt="" />
+          </div>
+
+          <div class="right">
+            <div class="hint-left">
+              <span class="title">职业资格</span>
+              <span class="hint">职业培训补贴申请 职业资格证书查询</span>
+            </div>
+
+            <div class="hint-right">
+              <img src="../../static/workOnline/jt.png" class="img-icon" alt="" />
+            </div>
+          </div>
+        </div>
+
+        <div class="cards" @click="toSearch(2)">
+          <div class="left">
+            <img src="../../static/workOnline/icon1@2x.png" class="img-left" alt="" />
+          </div>
+
+          <div class="right">
+            <div class="hint-left">
+              <span class="title">社保补贴</span>
+              <span class="hint">就业困难人员社保补贴 高校毕业生社保补贴</span>
+            </div>
+
+            <div class="hint-right">
+              <img src="../../static/workOnline/jt.png" class="img-icon" alt="" />
+            </div>
+          </div>
+        </div>
+
+        <div class="cards" @click="toSearch(3)">
+          <div class="left">
+            <img src="../../static/workOnline/icon22cybt@2x.png" class="img-left" alt="" />
+          </div>
+
+          <div class="right">
+            <div class="hint-left">
+              <span class="title">创业补贴</span>
+              <span class="hint">创业补贴申领 创业开业指导</span>
+            </div>
+
+            <div class="hint-right">
+              <img src="../../static/workOnline/jt.png" class="img-icon" alt="" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AppServiceOnlineNew',
+  appName: '网上办事-新',
+  components: {},
+  props: {},
+  data() {
+    return {
+      list: [],
+    }
+  },
+  computed: {},
+  watch: {},
+  onLoad() {
+    // this.getList()
+  },
+  onShow() {},
+  methods: {
+    toSearch(index) {
+      this.$linkTo(`./listType?index=${index}`)
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.ServiceOnlineNew {
+  width: 100%;
+  height: 100%;
+  ::v-deep .u-navbar {
+    background-color: #2085f5;
+  }
+  .content {
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    background-color: #fff;
+
+    .card {
+      padding: 0 30px;
+      .cards {
+        display: flex;
+        justify-content: space-between;
+        height: 160px;
+        line-height: 160px;
+        .left {
+          .img-left {
+            width: 88px;
+            height: 88px;
+            margin-top: 30px;
+          }
+        }
+        .right {
+          width: 95%;
+          display: flex;
+          justify-content: space-between;
+          .hint-left {
+            display: flex;
+            flex-direction: column;
+            height: 50px;
+            line-height: 50px;
+            margin: 30px 0 0 10px;
+            .title {
+              // display: inline;
+            }
+            .hint {
+              font-size: 28px;
+
+              color: #bec1d0;
+            }
+          }
+          .hint-right {
+            .img-icon {
+              width: 36px;
+              height: 36px;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/mods/AppServiceOnlineNew/detail.vue

@@ -0,0 +1,357 @@
+<template>
+  <div class="Page">
+    <div class="step0" v-if="current == 0 && show">
+      <div class="tops">
+        <div class="titles">办理须知</div>
+        <span class="blods">【注意】欢迎申请使用提供的服务</span>
+        <span class="normal">请您(下列简称为“用户”)仔细阅读以下全部内容。</span>
+        <span class="blod">特别是粗体下划线标注的内容)</span>
+        <span class="normal"> 如果用户不同意本服务条款任意内容，请勿注册或使用服务。如用户通过进入注册程序并勾选“我同意机账号服务条款”，即表示用户已达成协议，自愿接受本服务条款的所有内容。此后，用户不得以未阅读本服务条款内容作任何形式的抗辩。</span>
+        <p class="number1">1.服务条款的确认和接纳</p>
+        <span class="normal">服务涉及到所有权以及相关软件的知识产权归公司所有。所提供的服务必须按照其发布的公司章程，服务条款和操作规则严格执行，本服务条款的效力范围及于将手机账号作为登录账号的公司产品和服务（以下简称“各单项服务”），用户在享受各单项服务时，应当受本服务条款的约束。</span>
+        <span class="blod">当用户使用各单项服务时，用户同意以单项服务要求的方式同意该单项服务的服务条款以及公司在该单项服务中发出的各类公告（下列简称“单项条款”），在此情况下单项条款与本服务条款同时对用户产生效力。若单项条款与本服务条款存在同类条款的冲突，则在单项条款约束范围内应以单项条款为准。</span>
+        <p class="number2">2.手机账号服务简介</p>
+        <span class="blod">本服务条款所称的“手机账号”是指用户以及手机号码作为账号注册的合法、有效的账号，手机账号注册成功后账号即为手机号。</span>
+        <span class="normal normals">公司运用自己的操作系统通过国际互联网络为用户提供各项服务。用户必须：</span>
+        <p class="number3">(1)提供设备，如个人电脑、手机或其他网上设备。</p>
+        <p class="number4">(2)个人上网和支付与此服务有关的费用。</p>
+      </div>
+    </div>
+
+    <u-steps :list="numList" mode="number" :current="current" v-if="current != 0"></u-steps>
+
+    <div class="step1" v-if="current == 1">
+      <div class="idCard">
+        <div class="normal">
+          <div class="label">身份证 (国徽面)</div>
+          <AiUploader :v-model="forms.files0" multiple placeholder="上传图片" :limit="1" action="/admin/file/add2"></AiUploader>
+        </div>
+
+        <div class="noNormal">
+          <div class="label">身份证 (头像面)</div>
+          <AiUploader :v-model="forms.files1" multiple placeholder="上传图片" :limit="1" action="/admin/file/add2"></AiUploader>
+        </div>
+      </div>
+
+      <div class="label">户口本照片</div>
+      <AiUploader :v-model="forms.files1" multiple placeholder="上传图片" :limit="1" action="/admin/file/add2"></AiUploader>
+
+      <div class="label">变更照片证明</div>
+      <AiUploader :v-model="forms.files1" multiple placeholder="上传图片" :limit="1" action="/admin/file/add2"></AiUploader>
+
+      <div class="labels">上传样例</div>
+      <div class="idCards">
+        <div class="topImg">
+          <div class="leftImg">
+            <img src="../../static/workOnline/池夏2.jpg" alt="" />
+            <div class="hint">身份证国徽面</div>
+          </div>
+
+          <div class="rightImg">
+            <img src="../../static/workOnline/池夏2.jpg" alt="" />
+            <div class="hint">身份证头像面</div>
+          </div>
+        </div>
+
+        <div class="botImg">
+          <img src="../../static/workOnline/池夏2.jpg" alt="" />
+          <div class="hint">已盖章变更证明</div>
+        </div>
+      </div>
+    </div>
+
+    <div class="step2" v-if="current == 2">
+      <div class="titles2">荣昌区农村宅基地和建房 (规划许可) 申请表</div>
+      <u-form class="u-form" :model="forms2" ref="uForm" label-width="auto">
+        <u-form-item label="姓名" prop="name" required label-position="top">
+          <u-input v-model="forms2.name" placeholder="请输入姓名" maxlength="15" />
+        </u-form-item>
+
+        <u-form-item label="联系电话" prop="phone" required label-position="top">
+          <u-input v-model="forms2.phone" placeholder="请输入姓名" maxlength="15" />
+        </u-form-item>
+
+        <u-form-item label="身份证号" prop="idNumber" required label-position="top">
+          <u-input v-model="forms2.idNumber" placeholder="请输入姓名" maxlength="15" />
+        </u-form-item>
+
+        <u-form-item label="性别" prop="sex" required label-position="top">
+          <u-input v-model="forms2.sex" placeholder="请输入姓名" maxlength="15" />
+        </u-form-item>
+
+        <u-form-item label="年龄" prop="age" required label-position="top">
+          <u-input v-model="forms2.age" placeholder="请输入姓名" maxlength="15" />
+        </u-form-item>
+
+        <u-form-item label="户口所在地" prop="address" required label-position="top">
+          <u-input v-model="forms2.address" placeholder="请输入姓名" maxlength="15" />
+        </u-form-item>
+
+        <div class="hint">
+          <div class="leftIcon"></div>
+
+          <div class="hintMsg">家庭成员信息</div>
+        </div>
+
+        <u-form-item label="姓名" prop="name" required label-position="top">
+          <u-input v-model="forms2.name" placeholder="请输入姓名" maxlength="15" />
+        </u-form-item>
+
+        <u-form-item label="联系电话" prop="phone" required label-position="top">
+          <u-input v-model="forms2.phone" placeholder="请输入姓名" maxlength="15" />
+        </u-form-item>
+
+        <u-form-item label="身份证号" prop="idNumber" required label-position="top">
+          <u-input v-model="forms2.idNumber" placeholder="请输入姓名" maxlength="15" />
+        </u-form-item>
+
+        <u-form-item label="性别" prop="sex" required label-position="top">
+          <u-input v-model="forms2.sex" placeholder="请输入姓名" maxlength="15" />
+        </u-form-item>
+
+        <u-form-item label="年龄" prop="age" required label-position="top">
+          <u-input v-model="forms2.age" placeholder="请输入姓名" maxlength="15" />
+        </u-form-item>
+
+        <u-form-item label="户口所在地" prop="address" required label-position="top">
+          <u-input v-model="forms2.address" placeholder="请输入姓名" maxlength="15" />
+        </u-form-item>
+      </u-form>
+    </div>
+
+    <div class="step3" v-if="current == 3"></div>
+
+    <div class="bottoms">
+      <div class="cancel" @click="cancel">{{ current != 0 ? '上一步' : '取消' }}</div>
+      <div class="ok" @click="isOk">{{ current != 0 ? '下一步' : '我已阅读并同意' }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'detail',
+  components: {},
+  props: {},
+  data() {
+    return {
+      show: true,
+      current: 2,
+      numList: [
+        {
+          name: '办理须知',
+          current: 0,
+        },
+        {
+          name: '资料上传',
+          current: 1,
+        },
+        {
+          name: '表单填写',
+          current: 2,
+        },
+        {
+          name: '签名提交',
+          current: 3,
+        },
+      ],
+      forms: {
+        files0: [],
+        files1: [],
+      },
+      forms2: {},
+    }
+  },
+  computed: {},
+  watch: {},
+  onLoad() {},
+  onShow() {},
+  methods: {
+    cancel() {
+      if (this.current > 0) {
+        this.current = this.current - 1
+      }
+      if (this.current == 0) {
+        uni.navigateBack({})
+      }
+    },
+
+    isOk() {
+      this.show = false
+      this.current = this.current + 1
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.Page {
+  .step0 {
+    padding: 0 30px;
+    .tops {
+      line-height: 1.6;
+      font-size: 28px;
+      padding-bottom: 140px;
+      .titles {
+        margin: 48px 0 40px 0;
+        text-align: center;
+        font-size: 34px !important;
+        font-weight: 600;
+      }
+      .blods {
+        font-weight: 500;
+      }
+      .blod {
+        font-weight: 500;
+        text-decoration: underline;
+      }
+      .number1,
+      .number2 {
+        margin: 28px 0 12px 0;
+      }
+      .normals,
+      .number3,
+      .number4 {
+        margin-top: 8px;
+      }
+    }
+  }
+
+  ::v-deep .u-steps {
+    padding: 38px 0 44px 0;
+    background: #fff;
+    box-shadow: 0px 8px 4px 0px rgba(0, 0, 0, 0.05);
+  }
+
+  .step1 {
+    margin-top: 20px;
+    padding-bottom: 180px !important;
+    background: #fff;
+    padding: 0 32px;
+    .idCard {
+      display: flex;
+      .normal,
+      .noNormal {
+        .label {
+          padding: 20px 0;
+          font-size: 28px;
+          font-weight: 600;
+        }
+        ::v-deep .ai-uploader .upload {
+          width: 334px;
+          height: 210px;
+          margin-right: 16px;
+        }
+        ::v-deep .ai-uploader:nth-child(2) .upload {
+          margin-right: 0;
+        }
+      }
+    }
+
+    .label {
+      padding: 20px 0;
+      font-size: 28px;
+      font-weight: 600;
+    }
+
+    ::v-deep .ai-uploader .upload {
+      width: 334px;
+      height: 210px;
+      margin-right: 16px;
+    }
+
+    .labels {
+      font-size: 38px;
+      font-weight: 600;
+      padding: 40px 0 32px 0;
+    }
+
+    .idCards {
+      .topImg {
+        display: flex;
+        .leftImg,
+        .rightImg {
+          margin-right: 16px;
+          img {
+            width: 334px;
+            height: 210px;
+          }
+          .hint {
+            margin-top: 24px;
+            font-size: 30px;
+          }
+        }
+      }
+      .botImg {
+        margin-top: 48px;
+        img {
+          width: 334px;
+          height: 210px;
+        }
+        .hint {
+          margin-top: 24px;
+          font-size: 30px;
+        }
+      }
+    }
+  }
+
+  .step2 {
+    margin-top: 20px;
+    background: #fff;
+    padding: 0 32px 180px 32px;
+    .titles2 {
+      font-size: 34px;
+      padding-top: 38px;
+    }
+    ::v-deep .u-form {
+      .u-form-item {
+        border-bottom: 1px solid #ddd;
+      }
+      .hint {
+        display: flex;
+        margin: 34px 0 10px 0;
+        .leftIcon {
+          padding: 0 6px;
+          background: #1365dd;
+          margin-top: 4px;
+        }
+        .hintMsg {
+          font-size: 32px;
+          font-weight: 500;
+          margin-left: 12px;
+        }
+      }
+    }
+  }
+
+  .bottoms {
+    position: fixed;
+    bottom: 0;
+    box-sizing: border-box;
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    padding: 16px 32px;
+    z-index: 999;
+    background: #f3f6f9;
+    .cancel,
+    .ok {
+      padding: 20px 0;
+      text-align: center;
+      border-radius: 16px;
+      font-size: 34px;
+      font-weight: 500;
+    }
+    .cancel {
+      width: 40%;
+      background: #fff;
+    }
+    .ok {
+      width: 55%;
+      background: #4181ff;
+      color: #fff;
+    }
+  }
+}
+</style>

src/mods/AppServiceOnlineNew/listType.vue

@@ -0,0 +1,169 @@
+<template>
+  <div class="Page">
+    <div class="content">
+      <div class="header-top">
+        <div class="left" v-if="type == 0">
+          <div class="title">就业失业</div>
+
+          <div class="title-hint">就业登记 失业登记</div>
+        </div>
+
+        <div class="left" v-if="type == 1">
+          <div class="title">职业资格</div>
+
+          <div class="title-hint">职业培训补贴申请 职业资格证书查询</div>
+        </div>
+
+        <div class="left" v-if="type == 2">
+          <div class="title">社保补贴</div>
+
+          <div class="title-hint">就业困难人员社保补贴 高校毕业生社保补贴</div>
+        </div>
+
+        <div class="left" v-if="type == 3">
+          <div class="title">创业补贴</div>
+
+          <div class="title-hint">创业补贴申领 创业开业指导</div>
+        </div>
+
+        <div class="right"></div>
+      </div>
+
+      <div class="history">
+        <div class="cards" v-for="(item, i) in list" :key="i" @click="toDetail(item.id)">
+          <div class="left">{{ item.title }}</div>
+          <div class="right">
+            <img src="../../static/workOnline/jt.png" class="img-icon" alt="" />
+          </div>
+        </div>
+        <AiEmpty v-if="!list.length" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'listType',
+  components: {},
+  props: {},
+  data() {
+    return {
+      type: '',
+      current: 1,
+      list: [{ value: 0, title: '弃捐勿复道，努力加餐饭' }],
+    }
+  },
+  onLoad(option) {
+    if (option.type) {
+      this.type = option.type
+    }
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.$instance
+        .post(
+          `/app/appitemconfigbasicinfo/listDiffType`,
+          {
+            type: 1,
+            type2: this.type,
+            size: 10,
+            current: this.current,
+          },
+          { withoutToken: true }
+        )
+        .then((res) => {
+          if (res.code == 0) {
+            if (this.current > res.data.pages) {
+              return
+            }
+            const records = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+            this.list = records
+          }
+        })
+    },
+
+    toDetail(id) {
+      this.$linkTo(`./detail?id=${id}`)
+    },
+  },
+  onReachBottom() {
+    this.current = this.current + 1
+    this.getList()
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.Page {
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+
+  ::v-deep .u-navbar {
+    background-color: #2085f5;
+  }
+  .content {
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    background-color: #fff;
+
+    .header-top {
+      display: flex;
+      justify-content: space-between;
+      .left {
+        width: 50%;
+        .title {
+          margin-top: 46px;
+          margin-left: 32px;
+          font-size: 50px;
+          font-weight: 800;
+        }
+        .title-hint {
+          font-size: 30px;
+          font-weight: 500;
+          color: #999999;
+          margin: 16px 0 0 32px;
+          line-height: 1.7;
+        }
+      }
+      .right {
+        height: 236px;
+        width: 50%;
+        background: url(http://respub.sinoecare.net/20211130/chahua@2x-20211130183558.png) no-repeat;
+        background-size: 100% 100%;
+      }
+    }
+
+    .history {
+      margin-top: 24px;
+      .cards {
+        display: flex;
+        justify-content: space-between;
+        height: 116px;
+        line-height: 116px;
+        margin: 0 32px;
+        border-bottom: 1px solid #d8dde6;
+        .left {
+          font-size: 32px;
+          font-weight: 500;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 1;
+          -webkit-box-orient: vertical;
+        }
+        .right {
+          .img-icon {
+            width: 36px;
+            height: 36px;
+            margin-top: 10px;
+          }
+        }
+      }
+    }
+  }
+}
+</style>