jiliangxiaochengxu/pages/assay/details.vue

<!-- @format -->

<template>
  <view class="container">
    <view style="margin-top: 15rpx">
      <!-- 	<view class="content-header">
				<text style="font-size: 30rpx; font-weight: 550">器具名称:血压计和血压</text>
				<view style="font-size: 30rpx; font-weight: 550">器具类型:工作计量器具</view>
				<view style="color: #19be6b; margin-top: 20rpx">已接受</view>
				<view class="passIcon">
					<svg t="1721788601790" class="icon" viewBox="0 0 1300 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="5189" width="70" height="70">
						<path
							d="M784.058182 99.258182l10.938182 18.385454-21.294546-2.56-14.196363 16.058182-4.072728-21.061818-19.781818-8.494545 18.734546-10.472728 2.094545-21.294545 15.709091 14.545454 20.945454-4.654545-9.076363 19.549091zM1067.287273 642.443636l-18.501818 10.821819 2.56-21.294546-16.058182-14.196364 21.061818-4.072727 8.494545-19.665454 10.472728 18.734545 21.294545 1.978182-14.661818 15.709091 4.770909 20.945454-19.432727-8.96z"
							fill="#19be6b" p-id="5190"></path>
						<path
							d="M1067.287273 642.443636l-18.501818 10.821819 2.56-21.294546-16.058182-14.196364 21.061818-4.072727 8.494545-19.665454 10.472728 18.734545 21.294545 1.978182-14.661818 15.709091 4.770909 20.945454-19.432727-8.96zM571.927273 100.072727l-17.454546-12.567272 20.596364-6.167273 6.516364-20.48 12.218181 17.570909 21.410909-0.116364-12.916363 17.105455 6.749091 20.363636-20.247273-6.981818-17.338182 12.683636 0.465455-21.410909zM991.418182 784.407273l-21.178182 3.490909 10.123636-18.967273-9.774545-18.967273 21.061818 3.723637 15.127273-15.243637 2.909091 21.294546 19.2 9.658182-19.316364 9.309091-3.258182 21.178181-14.894545-15.476363zM427.985455 156.741818L407.272727 151.505455l16.872728-13.265455-1.396364-21.410909 17.803636 11.985454 20.014546-7.912727-5.934546 20.596364 13.730909 16.523636-21.410909 0.814546-11.52 18.152727-7.447272-20.247273zM854.225455 896.465455l-20.712728-5.352728 16.872728-13.265454-1.396364-21.294546 17.803636 11.869091 20.014546-7.912727-5.934546 20.712727 13.730909 16.523637-21.527272 0.814545-11.403637 18.036364-7.447272-20.130909zM562.501818 923.694545l10.821818 18.385455-21.294545-2.56-14.196364 16.058182-4.072727-21.061818-19.665455-8.494546 18.734546-10.356363 1.978182-21.41091 15.709091 14.661819 20.945454-4.770909-8.96 19.54909zM242.734545 420.770909l-18.385454 10.938182 2.56-21.294546-16.058182-14.196363 21.061818-4.189091 8.494546-19.665455 10.356363 18.734546 21.410909 2.094545-14.545454 15.709091 4.654545 20.945455-19.549091-9.076364z"
							fill="#19be6b" p-id="5191"></path>
						<path
							d="M242.734545 420.770909l-18.385454 10.938182 2.56-21.294546-16.058182-14.196363 21.061818-4.189091 8.494546-19.665455 10.356363 18.734546 21.410909 2.094545-14.545454 15.709091 4.654545 20.945455-19.549091-9.076364zM700.858182 943.941818l-17.454546-12.450909 20.48-6.283636 6.516364-20.48 12.334545 17.687272 21.41091-0.116363-12.916364 17.105454 6.632727 20.363637-20.247273-7.098182-17.221818 12.683636 0.465455-21.410909zM303.592727 278.807273l-21.178182 3.490909 10.123637-18.967273-9.890909-18.967273 21.178182 3.723637 15.010909-15.243637 2.909091 21.294546 19.2 9.541818-19.316364 9.425455-3.258182 21.178181-14.778182-15.476363z"
							fill="#19be6b" p-id="5192"></path>
						<path
							d="M407.272727 90.647273a486.632727 486.632727 0 0 1 504.552728 11.636363l25.018181-14.429091A512 512 0 0 0 139.636364 546.909091l25.018181-14.429091A486.981818 486.981818 0 0 1 407.272727 90.647273zM893.323636 933.352727a486.749091 486.749091 0 0 1-504.669091-11.636363l-24.901818 14.429091A512 512 0 0 0 1161.192727 477.090909l-24.901818 13.963636a486.981818 486.981818 0 0 1-242.967273 442.298182z"
							fill="#19be6b" p-id="5193"></path>
						<path
							d="M814.545455 795.927273a327.447273 327.447273 0 0 1-258.21091 29.556363l-29.78909 17.105455A353.163636 353.163636 0 0 0 998.865455 570.181818l-29.789091 17.105455A326.865455 326.865455 0 0 1 814.545455 795.927273zM486.865455 228.072727A327.447273 327.447273 0 0 1 744.727273 198.516364l29.789091-17.105455A353.163636 353.163636 0 0 0 302.545455 453.818182l29.78909-17.105455A326.865455 326.865455 0 0 1 486.865455 228.072727zM1288.378182 374.690909a53.294545 53.294545 0 0 1-14.429091 11.636364L229.469091 989.090909a53.876364 53.876364 0 0 1-73.425455-19.665454L7.214545 710.632727a53.527273 53.527273 0 0 1 19.781819-73.309091L1071.476364 34.909091a53.876364 53.876364 0 0 1 73.425454 19.665454l148.829091 258.327273a53.061818 53.061818 0 0 1 5.352727 40.727273 55.272727 55.272727 0 0 1-10.705454 21.061818zM32.232727 665.716364A28.043636 28.043636 0 0 0 29.323636 698.181818l148.829091 257.978182a28.392727 28.392727 0 0 0 38.516364 10.356364l1044.48-601.949091a28.16 28.16 0 0 0 10.356364-38.516364L1122.676364 67.84a28.276364 28.276364 0 0 0-38.4-10.356364L39.68 659.432727a27.810909 27.810909 0 0 0-7.447273 6.283637z"
							fill="#19be6b" p-id="5194"></path>
						<path
							d="M356.770909 569.250909l22.341818 38.749091-15.476363 8.727273L349.090909 592.64l-153.483636 88.785455 14.778182 25.483636-15.476364 8.96-23.272727-39.912727L256 627.2c-6.283636-4.887273-11.636364-8.843636-16.174545-11.636364L256 602.647273c3.956364 3.141818 9.774545 8.261818 17.338182 15.127272z m-17.338182 199.447273l-49.221818 28.392727 7.563636 13.149091-15.476363 8.96-62.138182-107.52 64.814545-37.469091-12.8-22.574545 15.941819-9.192728 12.8 22.109091 65.396363-37.701818 61.672728 106.821818-15.476364 8.96-7.214546-12.450909-49.92 28.858182 26.065455 45.032727-16.058182 9.192728z m-46.545454-79.825455L244.363636 717.265455l14.778182 25.6 49.221818-28.509091zM267.636364 756.945455l14.778181 25.6 49.221819-28.509091-14.778182-25.483637z m106.938181-80.523637l-14.778181-25.483636-49.92 28.741818 14.778181 25.483636zM346.996364 744.727273l49.803636-28.741818-14.661818-25.483637-49.92 28.741818zM505.832727 609.978182c-4.654545 6.283636-10.123636 13.265455-16.523636 21.061818l35.84 62.021818a18.967273 18.967273 0 0 1-6.749091 29.672727l-19.316364 11.636364-12.450909-13.847273a170.123636 170.123636 0 0 0 17.803637-8.727272 8.494545 8.494545 0 0 0 2.909091-13.614546L477.090909 645.352727l-9.890909 10.472728-10.007273 10.24-12.683636-13.149091c9.309091-8.261818 17.221818-15.941818 23.272727-23.272728l-31.301818-54.341818-25.018182 14.545455-8.843636-15.36 25.018182-14.429091-23.272728-41.076364 15.476364-8.96 23.272727 41.076364L465.454545 538.763636l8.843637 15.36-22.109091 12.567273 28.509091 49.221818c5.469091-6.516364 10.938182-13.498182 16.407273-21.061818z m9.076364-45.730909L572.043636 663.272727a207.825455 207.825455 0 0 0 23.272728-27.461818l11.636363 13.149091a365.381818 365.381818 0 0 1-41.774545 45.498182l-12.567273-12.567273a11.636364 11.636364 0 0 0 1.745455-13.963636L453.818182 493.963636l15.709091-9.076363 36.887272 63.883636 31.301819-18.152727 8.96 15.592727z m129.745454 83.316363a20.596364 20.596364 0 0 1-31.418181-9.774545l-103.098182-178.618182 15.709091-9.192727 38.632727 67.025454a200.261818 200.261818 0 0 0 28.043636-41.076363l16.872728 7.68a303.243636 303.243636 0 0 1-35.723637 49.338182l53.410909 93.090909a9.192727 9.192727 0 0 0 13.963637 4.072727l10.821818-6.283636a14.312727 14.312727 0 0 0 8.029091-11.636364 103.447273 103.447273 0 0 0-15.243637-39.098182l17.338182-3.84c12.567273 25.134545 18.036364 41.658182 16.290909 49.803636A28.392727 28.392727 0 0 1 663.272727 636.741818zM860.276364 521.774545c-7.563636 4.421818-20.829091 11.636364-39.912728 22.574546a179.432727 179.432727 0 0 1-37.352727 16.174545 58.181818 58.181818 0 0 1-33.047273-1.978181 14.312727 14.312727 0 0 0-11.636363-0.581819c-5.352727 3.025455-8.261818 18.385455-8.727273 45.847273l-18.269091-3.956364c1.047273-25.483636 5.003636-42.821818 11.636364-52.014545l-38.865455-67.374545-31.534545 18.152727-8.378182-14.661818 46.545454-26.647273 47.825455 82.850909a55.505455 55.505455 0 0 1 8.494545 1.861818 59.694545 59.694545 0 0 0 25.367273 4.072727 101.701818 101.701818 0 0 0 33.512727-11.636363L849.454545 508.509091l31.418182-18.734546c11.636364-7.214545 19.898182-12.334545 24.087273-15.127272l5.469091 18.152727zM676.072727 413.207273L671.185455 430.545455a279.272727 279.272727 0 0 0-58.181819-13.265455l4.887273-16.64a307.781818 307.781818 0 0 1 58.181818 12.567273zM754.967273 372.363636a261.818182 261.818182 0 0 0 20.247272-38.516363l-98.443636 56.785454-7.796364-13.498182 119.97091-69.46909 6.632727 11.636363a281.134545 281.134545 0 0 1-25.949091 54.807273l5.236364 0.930909L818.734545 349.090909l57.25091 99.025455a18.385455 18.385455 0 0 1-8.843637 27.927272l-18.385454 10.589091-11.636364-11.636363 17.92-9.425455a7.796364 7.796364 0 0 0 3.607273-11.636364L849.454545 437.410909l-37.236363 21.527273 21.992727 38.050909-14.894545 8.610909-21.992728-38.167273L760.203636 488.727273l22.458182 38.749091-15.127273 8.727272L699.461818 418.909091l55.389091-32a306.269091 306.269091 0 0 0-39.330909-1.047273l4.305455-15.127273c13.265455-0.232727 24.901818 0.465455 35.141818 1.629091z m15.825454 49.454546l-11.636363-20.014546-37.003637 21.410909 11.636364 20.014546z m-29.44 34.909091l11.636364 19.549091 37.003636-21.410909-11.636363-19.549091z m81.454546-64.814546l-11.636364-19.898182-37.236364 21.527273 11.636364 19.898182z m-29.556364 34.909091l11.636364 19.432727 37.236363-21.527272-11.636363-19.432728zM1086.370909 391.214545l-19.898182 11.636364-10.589091 6.167273-10.938181 6.050909a186.181818 186.181818 0 0 1-38.749091 16.989091 60.16 60.16 0 0 1-33.978182-1.978182 14.312727 14.312727 0 0 0-11.636364 0c-5.585455 3.258182-8.610909 18.734545-8.96 46.545455l-18.036363-3.723637c0.814545-26.181818 4.770909-43.752727 11.636363-52.945454l-38.865454-67.141819-31.883637 18.385455-8.727272-15.010909 47.243636-27.345455 47.941818 83.2h4.189091a32.465455 32.465455 0 0 1 4.538182 1.163637 71.68 71.68 0 0 0 26.298182 3.490909 112.872727 112.872727 0 0 0 34.210909-13.265455c16.523636-9.192727 31.767273-17.803636 46.545454-25.949091l14.545455-8.727272 14.196363-8.727273c11.636364-6.865455 18.618182-11.636364 22.574546-14.196364l5.352727 18.385455zM896 286.021818l-4.770909 18.385455a296.378182 296.378182 0 0 0-58.181818-14.661818l4.770909-16.872728a311.156364 311.156364 0 0 1 58.181818 13.149091zM1031.098182 384l-12.334546-13.149091c11.636364-5.934545 21.76-11.636364 30.138182-15.941818a9.658182 9.658182 0 0 0 4.189091-14.661818l-54.341818-94.138182-83.781818 48.290909-9.076364-15.709091 83.781818-48.407273-20.712727-35.84 16.174545-9.425454 20.712728 36.072727 32.814545-18.967273 8.610909 15.243637-32.349091 18.850909 56.552728 97.978182a20.247273 20.247273 0 0 1-8.843637 31.185454z m-23.272727-59.345455L1000.727273 340.48a405.876364 405.876364 0 0 0-58.181818-25.6l7.796363-15.127273a393.890909 393.890909 0 0 1 57.716364 24.436364z"
							fill="#19be6b" p-id="5195"></path>
					</svg>
				</view>
			</view> -->

      <view class="content-header">
        <view class="content">
          <view style="font-size: 28rpx" class="title">申请单位</view>
          <view style="font-size: 28rpx">{{ danwei }}</view>
        </view>
        <view class="content">
          <view class="title">申请人</view>
          <view>{{ applyPeople }}</view>
        </view>
        <view class="content">
          <view style="font-size: 28rpx" class="title">申请日期</view>
          <view style="font-size: 28rpx">{{ createTime }}</view>
        </view>
        <view class="content">
          <view style="font-size: 28rpx" class="title">联系电话</view>
          <view style="font-size: 28rpx">{{ userMobile }}</view>
        </view>
      </view>
      <u-divider
        style="padding: 0 30rpx"
        :dashed="true"
        textSize="28rpx"
        text="备案行政部门"
        textColor="#2979ff"
        lineColor="#2979ff"
      ></u-divider>
      <view v-for="item in dataList" :key="item" class="content-header">
        <view @click="detailsList(item)" style="height: 140rpx" class="">
          <view style="display: flex; line-height: 80rpx">
            <!-- <view style='font-size: 32rpx;font-weight:700;' class="title">行政部门：</view> -->
            <view
              style="color: black; font-size: 32rpx; font-weight: 700"
              class="message"
            >
              {{ item.auditOrgName }}
            </view>
          </view>
          <view style="display: flex; line-height: 40rpx">
            <view style="font-size: 28rpx; color: #929292" class="title"
              >备案单编号：</view
            >
            <view style="color: red; font-size: 28rpx" class="message">
              {{ item.filingApplyNo }}
            </view>
          </view>
        </view>

        <!-- 	<view style="	width: 95%;
			border-radius: 6px;
			background: #fff;
			margin: 0rpx auto 00rpx;
			padding: 1rpx 30rpx 0rpx;align-items: center;text-align: center;font-size: 28rpx;" class="">
					<u-divider textSize='25rpx' :dashed="true" textColor="#3c9cff" lineColor="#3c9cff"
						text="拟备案计量器具列表"></u-divider>
				</view>
				<view style="margin-bottom: 30rpx;" class="">
					<view class="content">
						<view style="font-size: 30rpx;color:black" class="title">器具1</view>
					</view>
					<view class="content">
						<view class="title">备案状态</view>
						<view :style="{
				  color: recordColor[recordStatus(item)],
				}">{{ recordStatus(item) }}</view>
					</view>
					<view class="content">
						<view class="title">唯一标识</view>
						<view class="message">2024年7月1日</view>
					</view>
					<view @click="equipmentDetails" class="content">
						<view class="title">器具名称</view>
						<view style="color: #0294d7;" class="message">北方xxxx单位</view>
					</view>
					<view class="content">
						<view class="title">器具类型</view>
						<view class="message">北方xxxx单位</view>
					</view>
					<view class="content">
						<view class="title">器具用途</view>
						<view class="message">北方xxxx单位</view>
					</view>
					<view class="content">
						<view class="title">规格型号</view>
						<view class="message">北方xxxx单位</view>
					</view>
					<view class="content">
						<view class="title">制造单位</view>
						<view class="message">北方xxxx单位</view>
					</view>
					<view class="content">
						<view class="title">出厂编号</view>
						<view class="message">北方xxxx单位</view>
					</view>
					<view class="content">
						<view class="title">内部编号</view>
						<view class="message">北方xxxx单位</view>
					</view>
				</view>

				<view style="display: flex;">
					<u-button type="primary" style="margin: 0 auto; width:47%">备案申请单PDF下载</u-button>
					<u-button type="error" style="margin: 0rpx auto; width: 47%">撤回</u-button>
				</view> -->
      </view>

      <!-- 	<view class="process">
				<view style="margin: 0rpx 0 30rpx; font-size: 28rpx"> 备案进度 </view>
				<view>
					<u-steps current="1" direction="column">
						<u-steps-item title="备案申请已提交" desc="2024年6月">
						</u-steps-item>
						<u-steps-item title="部门审核中" desc="审核中，3个工作日内完成">
						</u-steps-item>
						<u-steps-item title="审批局审核" desc="10个工作日"></u-steps-item>
						<u-steps-item title="审批结束" desc="审批回执"></u-steps-item>
					</u-steps>
				</view>
			</view> -->
    </view>

    <!-- 	<view style="display: flex;" class="submitBtn">
			<u-button type="primary" style="margin: 0 auto; width:47%">备案申请单PDF下载</u-button>
			<u-button type="error" style="margin: 0rpx auto; width: 47%">撤回</u-button>
		</view> -->

    <view style="height: 100rpx"></view>
  </view>
</template>

<script>
import { getMiAuditApplyOneList, getMiAuditApplyRoobtList } from "@/api/assay";
import { useDict, paraseDict } from "@/utils/index";
export default {
  data() {
    return {
      recordColor: {
        已撤回: "#fa3534",
        已接收: "#2979ff",
        待提交: "#2979ff",
        备案中: "#2979ff",
        已拒绝: "#fa3534",
        勿备案: "#fa3534",
        未备案: "#909399",
        免备案: "#909399",
        已退回: "#fa3534",
      },
      record: [], //备案字典
      dataList: [],
      applyPeople: "",
      danwei: "",
      userMobile: "",
      createTime: "",
      activeContent: "新建检定申请",
      tabsList: [
        {
          name: "新建检定申请",
        },
        {
          name: "我的检定申请",
        },
      ],
    };
  },
  onLoad(options) {
    useDict("ejian_instrFillingStatus").then((res) => {
      this.record = res;
    });
    this.applyPeople = options.applypeople;
    this.danwei = options.danwei;
    this.userMobile = options.userMobile;
    this.createTime = options.createTime;
    getMiAuditApplyOneList(options.id).then((res) => {
      console.log("res", res);
      this.dataList = res.rows;
    });
  },
  computed: {
    // //检定状态
    // verificationStatus() {
    // 	return (row) => {
    // 		return paraseDict(this.verification, row);
    // 	};
    // },
    // //申请状态
    // applicationStatus() {
    // 	return (row) => {
    // 		return paraseDict(this.application, row);
    // 	};
    // },
    //备案状态
    recordStatus() {
      return (row) => {
        return paraseDict(this.record, row);
      };
    },
  },
  methods: {
    detailsList(item) {
      uni.navigateTo({
        url:
          "/pages/assay/detailsList?auditOrderId=" +
          item.auditOrderId +
          "&auditOrderApplyId=" +
          item.id,
        success: (res) => {},
        fail: () => {},
        complete: () => {},
      });
    },
    equipmentDetails() {
      uni.navigateTo({
        url: "/pages/assay/equipmentDetails",
        success: (res) => {},
        fail: () => {},
        complete: () => {},
      });
    },
    handleChange(row) {
      this.activeContent = row.name;
    },
    handleCurrentForm() {},
    handleVerDetails() {
      uni.navigateTo({
        url: "/pages/verification/details",
        success: (res) => {},
        fail: () => {},
        complete: () => {},
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.submitBtn {
  width: 100%;
  background: #fff;
  padding: 15rpx 0;
  position: fixed;
  bottom: 0;
}

::v-deep .u-text__value--content {
  margin-bottom: 10rpx;
}

::v-deep .u-steps-item__line--column {
  height: 50rpx !important;
  top: 70rpx;
}

::v-deep .u-steps-item__content--column {
  margin-left: 40rpx !important;
}

::v-deep .u-steps-item__wrapper__circle {
  width: 60rpx;
  height: 60rpx;
}

::v-deep .u-steps-item--column {
  padding-bottom: 46rpx;
}

.process {
  width: 95%;
  border-radius: 6px;
  background: #fff;
  margin: 0rpx auto 30rpx;
  padding: 20rpx 30rpx 20rpx;
  height: 650rpx;
}

.content-header {
  width: 95%;
  border-radius: 6px;
  background: #fff;
  margin: 0rpx auto 20rpx;
  padding: 20rpx 30rpx 20rpx;

  .content {
    border-bottom: 1px solid rgb(242, 242, 242);
    padding: 24rpx 0;
    display: flex;
    justify-content: space-between;
  }

  .content:last-child {
    border-bottom: none;
  }

  .passIcon {
    position: absolute;
    top: 20rpx;
    right: 40rpx;
  }

  .title {
    font-size: 26rpx;
    color: black;
    letter-spacing: 3rpx;
  }

  .message {
    font-size: 26rpx;
    color: rgb(146, 146, 146);
  }
}

.container {
  height: 100vh;
  background: rgb(243, 244, 249);
  padding: 0rpx 0 110rpx;

  .contentItems {
    width: 95%;
    border-radius: 6px;
    background: #fff;
    margin: 0rpx auto 20rpx;
    padding: 10rpx 30rpx 20rpx;

    .content {
      border-bottom: 1px solid rgb(242, 242, 242);
      padding: 24rpx 0;
      display: flex;
      justify-content: space-between;
    }

    .content:last-child {
      border-bottom: none;
    }

    .title {
      font-size: 26rpx;
      color: black;
      letter-spacing: 3rpx;
    }

    .message {
      font-size: 26rpx;
      color: rgb(146, 146, 146);
    }
  }
}
</style>