123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613 |
- <template>
- <div class="addcompany">
- <div class="list">
- <div class="list-row" style="padding-top: 0">
- <div style="height: auto" class="width100">
- <div class="width100 mt24rpx padb24rpx border_bottom_ccc list_date">
- <div class="input_title float_left">
- <span style="color: red">* </span>安全检查类型
- </div>
- <div
- class="float_left width60 whitespacenowrap first_title height50rpx font28rpx"
- style="color: #777"
- >
- <picker
- :disabled="id != null"
- style="input_value float_left"
- @change="bindPickerChange"
- :value="form.testTypeIndex"
- :range="dic_SelectList.rectification_management_update_type"
- range-key="label"
- >
- {{
- !dic_SelectList.rectification_management_update_type[
- form.testTypeIndex
- ].label
- ? "未知类型"
- : dic_SelectList.rectification_management_update_type[
- form.testTypeIndex
- ].label
- }}
- </picker>
- </div>
- <textarea
- :disabled="id != null"
- v-model="form.info"
- :maxlength="2000"
- placeholder="请输入"
- type="textarea"
- style="
- height: 200rpx;
- background: rgba(249, 249, 249, 1);
- padding: 20rpx;
- width: calc(100% - 40rpx);
- "
- />
- <div
- style="
- background: rgba(249, 249, 249, 1);
- text-align: right;
- padding-right: 10px;
- padding-bottom: 10rpx;
- "
- >
- {{ form.info.length }}/2000
- </div>
- </div>
- <div
- class="width100 mt24rpx padb24rpx border_bottom_ccc list_date display_flex"
- style="display: flex"
- >
- <div class="input_title float_left">
- <span style="color: red">* </span>
- 整改位置
- </div>
- <div
- @click="getAuth()"
- class="float_left width60 first_title font28rpx"
- style="color: #777; height: auto"
- >
- <div
- style="color: #777; height: auto; width: 80%"
- class="float_left input_value"
- >
- {{ form.updateAddress }}
- </div>
- </div>
- </div>
- <div
- class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
- >
- <div class="input_title float_left">
- <span style="color: red">*</span>
- 处理人
- </div>
- <view style="color: #777" class="input_value float_left">
- <!-- {{ !form.finishUserName ? "请选择" : form.finishUserName }} -->
- <uni-data-select
- v-model="form.finishUser"
- :localdata="clrList"
- ></uni-data-select>
- </view>
- </div>
- <div
- class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
- >
- <div class="input_title float_left">要求完成日期</div>
- <div
- class="float_left width60 whitespacenowrap first_title height50rpx font28rpx"
- style="color: #777"
- >
- <picker
- :disabled="id != null"
- mode="date"
- @change="selectCarDate"
- >
- {{ form.needFinishTime ? form.needFinishTime : "请选择" }}
- </picker>
- </div>
- </div>
- <div class="width100 mt24rpx border_bottom_ccc list_date">
- <div class="input_title">整改处理前照片</div>
- <div style="margin-top: 24rpx">(支持图片上传10M内,最多6张)</div>
- <div
- class="custom-image-box"
- style="margin-top: 20rpx; margin-bottom: 36rpx"
- >
- <van-uploader
- :disabled="id != null"
- :max-count="6"
- @delete="deleteRYXXZP"
- :file-list="form.infoMorePictureUrlList"
- @after-read="uploadRYXXZP"
- :show-upload="true"
- />
- </div>
- </div>
- </div>
- </div>
- <div class="save_button" @click="save()" v-if="id == null">保存</div>
- <div class="save_button" @click="getAuth()" v-if="id == null">
- 重新获取当前整改位置
- </div>
- </div>
- <select-dengjiyuan
- ref="selectDengjiyuan"
- :multiple="false"
- :range="range"
- :selectParent="false"
- :foldAll="true"
- rangeKey="name"
- idKey="id"
- @selectDengjiyuan="selectDengjiyuan"
- />
- <uni-file-picker v-show="false" ref="files" :auto-upload="false" />
- <multiple-select
- v-model="show"
- :data="companyAllList"
- :default-selected="defaultSelected"
- @confirm="confirm"
- ></multiple-select>
- </div>
- </template>
-
- <script>
- var QQMapWX = require("./txmap_sdk/qqmap-wx-jssdk");
- var qqmapsdk;
- const form = {
- infoMorePictureUrlList: [],
- testTypeIndex: 0,
- year: "2023",
- carDate: "2023-06-30",
- remark: "",
- checkInfo: "",
- info: "",
- updateAddressY: "",
- updateAddressX: "",
- updateAddress: "",
- };
- import multipleSelect from "../../subPackages/components/momo-multipleSelect/momo-multipleSelect";
- import selectDengjiyuan from "../../subPackages/components/select_dengjiyuan/tkitree.vue";
- import tools from "../../subPackages/components/tkitree/tools.js";
- import {
- getSelectUserTwo,
- getSelectDeptTwo,
- getByCodes,
- getUserLocalStorageInfo,
- addRectificationManagement,
- findSafetySelfCheckingManagetById,
- findUserListByRoleWuye,
- } from "@/js_sdk/http";
- export default {
- components: {
- multipleSelect,
- selectDengjiyuan,
- },
- data() {
- return {
- clrList: [],
- id: null,
- BASE_URI: this.$constant.BASE_URI,
- companyAllList: [],
- defaultSelected: [],
- show: false,
- bizhongIndex: 0,
- testList: [
- { label: "类型1", value: 1 },
- { label: "类型2", value: 2 },
- { label: "类型3", value: 3 },
- { label: "类型4", value: 4 },
- { label: "类型5", value: 5 },
- { label: "类型6", value: 6 },
- { label: "类型7", value: 7 },
- { label: "类型8", value: 8 },
- ],
- settleInTypeIndex: 0,
- range: [],
- zaitiList: [],
- imageStyles: {},
- listStyles: {},
- fileLists: [],
- activeNames: [],
- StatusBar: 0,
- dic_key: ["rectification_management_update_type"],
- dic_SelectList: {},
- search: {
- pageSize: 10,
- pageNum: 1,
- },
- form: { ...form },
- companyAllList: [],
- value: ["0"],
- modeIndex: -1,
- styleIndex: -1,
- current: 0,
- mode: "default",
- dotsStyles: {},
- swiperDotIndex: 0,
- };
- },
- onLoad(option) {
- this.getByCodes();
- this.id = option.id !== "null" ? option.id : null;
- this.form = null;
- this.isReport = option.isReport == 1 ? true : false;
- this.form = { ...form };
- this.form.infoMorePictureUrlList = [];
- this.form.createdBy = getUserLocalStorageInfo().user.id;
- // findUserListByRoleWuye()
- this.findUserListByRoleWuye();
- qqmapsdk = new QQMapWX({
- key: "OJ7BZ-ULH6V-XBLPV-ULIMK-APS3H-QHFIP",
- });
- this.getCurrentLocal();
- },
- onShow() {},
- methods: {
- async findUserListByRoleWuye() {
- let clrList = await findUserListByRoleWuye();
- this.clrList = clrList.map((e) => {
- return {
- value: e.id,
- text: e.truename,
- };
- });
- console.log("clrListclrListclrListclrList", clrList);
- },
- getAuth() {
- console.log(123123);
- let that = this;
- wx.getSetting({
- success(res) {
- // 查看所有权限
- let status = res.authSetting["scope.userLocation"]; // 查看位置权限的状态,此处为初次请求,所以值为undefined
- if (!status) {
- wx.openSetting({
- success: (res) => {
- if (res.authSetting["scope.userLocation"]) {
- // 授权成功,重新定位
- wx.getLocation({
- success: (res) => {
- that.getCurrentLocal();
- },
- });
- } else {
- // 没有允许定位权限
- wx.showToast({
- title: "您拒绝了定位权限,将无法使用XX功能",
- icon: "none",
- });
- }
- },
- });
- }
- },
- });
- },
- selectDengjiyuan(e) {
- this.form.finishUserName = e[e.length - 1].name;
- this.form.finishUser = e[e.length - 1].id;
- this.$forceUpdate();
- },
- async getSelectUserTwo(key) {
- let that = this;
- let departmentList = await getSelectUserTwo("");
- that.range = tools.transData(
- departmentList.data,
- "id",
- "parentid",
- "children"
- );
- console.log(key);
- that.$refs[key]._show();
- },
- getCurrentLocal() {
- let that = this;
- qqmapsdk.reverseGeocoder({
- success(res) {
- that.form.updateAddressX = res.result.location.lng;
- that.form.updateAddressY = res.result.location.lat;
- that.form.updateAddress =
- res.result.formatted_addresses.standard_address;
- },
- fail(e) {
- console.log(e);
- if (e.status == 1000) {
- that.$showToast(
- "请打开手机定位,并点击下方重新获取当前整改位置按钮"
- );
- }
- },
- });
- },
- async findSafetySelfCheckingManagetById() {
- let that = this;
- if (that.id != null) {
- let detail = await findSafetySelfCheckingManagetById(that.id);
- that.form = detail;
- let index =
- that.dic_SelectList.rectification_management_update_type.findIndex(
- (e) => e.value == detail.type
- );
- if (index != -1) {
- that.form.testTypeIndex = index;
- that.form.updateType =
- that.rectification_management_update_type[index].value;
- }
- console.log(JSON.parse(detail.infoMorePictureUrlList));
- that.form.infoMorePictureUrlList = JSON.parse(
- detail.infoMorePictureUrlList
- );
- }
- },
- selectYear(event) {
- this.form.attributiveYear = event.detail.value;
- this.$forceUpdate();
- },
- selectCarDate(event) {
- this.form.needFinishTime = event.detail.value;
- this.$forceUpdate();
- },
- bindPickerChange: function (e) {
- console.log("picker发送选择改变,携带值为", e.detail);
- this.form.testTypeIndex = e.detail.value;
- this.form.updateType =
- this.dic_SelectList.rectification_management_update_type[
- e.detail.value
- ].value;
- },
- uploadRYXXZP(event) {
- let that = this;
- const { file } = event.detail;
- uni.uploadFile({
- url: that.$constant.BASE_URI + "/wx/fileController/upload",
- filePath: file.url,
- name: "file",
- formData: { user: "test" },
- success(res) {
- // 上传完成需要更新 fileList
- let data = JSON.parse(res.data);
- that.form.infoMorePictureUrlList.push({
- imgUrl: "/FileController/download/" + data.data[0],
- id: data.data[0],
- url:
- that.$constant.BASE_URI +
- "/FileController/download/" +
- data.data[0],
- isImage: true,
- });
- },
- fail(res) {},
- });
- },
- confirm(e) {
- var associationCompanyString = [];
- var associationCompany = [];
- for (var p in e) {
- associationCompanyString.push(e[p].label);
- associationCompany.push(e[p].value);
- }
- this.form.associationCompanyString = associationCompanyString.join(",");
- this.form.associationCompany = associationCompany.join(",");
- },
- deleteRYXXZP(event) {
- this.form.infoMorePictureUrlList.splice(event.detail.index, 1);
- this.$forceUpdate();
- },
- async getByCodes() {
- let data = await getByCodes(JSON.stringify(this.dic_key));
- this.dic_SelectList = this.$common.handleDicList(data);
- this.form.updateType =
- this.dic_SelectList.rectification_management_update_type[0].value;
- this.findSafetySelfCheckingManagetById();
- // console.log(this.form.updateType);
- },
- // /wx/SaleController/findRoomInfoListByIds
- async findRoomInfoListByIds() {
- let data = await findRoomInfoListByIds(ids);
- return data;
- },
- async getSelectDeptTwo(key) {
- let that = this;
- let departmentList = await getSelectDeptTwo("");
- that.range = tools.transData(
- departmentList.data,
- "id",
- "parentid",
- "children"
- );
- that.$refs[key]._show();
- },
- binddata() {},
- submit() {},
- async save() {
- let that = this;
- if (!that.form.finishUser || that.form.finishUser.length == 0) {
- that.$showToast("请选择处理人");
- return;
- }
- if (!that.form.info || that.form.finishUser.length == 0) {
- that.$showToast("请填写安全检查详情");
- return;
- }
- if (!that.form.updateAddress || that.form.updateAddress.length == 0) {
- that.$showToast(
- "未获取整改位置,请点击下方“重新获取当前整改位置”,确认权限后重试"
- );
- return;
- }
- // let infoMorePictureUrlList = JSON.stringify(that.form.infoMorePictureUrlList);
- let infoMorePictureUrl;
- if (that.form.infoMorePictureUrlList.length > 0) {
- let infoMorePictureUrlString = that.form.infoMorePictureUrlList.map(
- (e) => {
- return e.id;
- }
- );
- infoMorePictureUrl = infoMorePictureUrlString.toString();
- } else {
- infoMorePictureUrl = "";
- }
- let form = { ...this.form };
- form.finishType = this.isReport == 1 ? "2" : "1";
- form.infoMorePictureUrl = infoMorePictureUrl;
- form.openUser = getUserLocalStorageInfo().user.id;
- let data = await addRectificationManagement(form);
- if (data.code == 200) {
- this.$showToast("新增成功");
- uni.navigateBack({});
- } else {
- this.$showToast(res.msg);
- }
- },
- chossseFile() {
- this.$refs.files.upload();
- },
- onChange(event) {
- this.activeNames = event.detail;
- },
- },
- };
- </script>
- <style scoped lang="scss" scpoed>
- .save_button {
- width: calc(100% - 64rpx);
- margin: 64rpx 32rpx 0 32rpx;
- background: #1d18bc;
- border-radius: 50rpx;
- height: 88rpx;
- color: white;
- text-align: center;
- line-height: 88rpx;
- }
- .form {
- width: calc(100% - 64rpx);
- background: #ffffff;
- padding: 32rpx;
- margin-top: 64rpx;
- .label {
- height: 53rpx;
- line-height: 53rpx;
- }
- }
- .form_row {
- height: 40rpx;
- font-weight: 400;
- font-size: 24rpx;
- }
- .zaiti_list {
- width: 100%;
- height: 50rpx;
- line-height: 50rpx;
- }
- .idclass {
- width: 147rpx;
- height: 100rpx;
- }
- .dengjibutton {
- margin-top: 24rpx;
- margin-left: 60rpx;
- margin-right: 60rpx;
- width: calc(100% - 120rpx);
- height: 60rpx;
- text-align: center;
- background: #1d18bc;
- color: white;
- line-height: 60rpx;
- }
- .addcompany {
- margin-bottom: 200rpx;
- }
- .addcompany {
- .detailstitle {
- height: 42rpx;
- font-size: 30rpx;
- font-weight: 500;
- color: #333333;
- padding-bottom: 16rpx;
- }
- .typestitle {
- height: 42rpx;
- font-size: 24rpx;
- font-weight: 500;
- padding-bottom: 16rpx;
- margin-bottom: 16rpx;
- }
- }
- </style>
- <style lang="scss">
- ::v-deep .is-open + .uni-collapse-item__wrap {
- height: auto !important;
- }
- ::v-deep .uni-collapse-item__wrap-content {
- height: auto !important;
- }
- .addcompany {
- .uni-select {
- border: none !important;
- height: 40rpx !important;
- }
- }
- .pageconfig {
- background: #ffffff;
- padding: 32rpx;
- }
- .input_title {
- width: 40%;
- font-size: 28rpx;
- height: 40rpx;
- line-height: 40rpx;
- color: #333333;
- }
- .input_value {
- width: 60%;
- font-size: 28rpx;
- height: 40rpx;
- line-height: 40rpx;
- color: #777777;
- }
- .uni-collapse-item__title-box {
- padding: 0 !important;
- }
- .uni-collapse-item__title-text {
- color: #1d18bc !important;
- font-size: 32rpx !important;
- }
- </style>
- <style lang="scss">
- .example-body {
- padding: 10px;
- padding-top: 0;
- }
- .custom-image-box {
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- }
- .text {
- font-size: 14px;
- color: #333;
- }
- .uni-file-picker__item {
- display: none;
- }
- .uploadbutton {
- width: 162rpx;
- height: 44rpx;
- }
- </style>
|